Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Изменение radio\li ползунком (https://javascript.ru/forum/dom-window/45869-izmenenie-radio%5Cli-polzunkom.html)

cript 26.03.2014 23:44

Цитата:

Сообщение от рони
http://htmlbook.ru/html/input/checked

Да это понятно, думал может как то можно с помощью jQuery, т.к. например в моем случае кнопки постоянно обновляются..

рони 26.03.2014 23:53

cript,
http://api.jquery.com/prop/

cript 26.03.2014 23:59

добавил
$("input").prop("checked", true);
в конец функции, но срабатывает некорректно

cript 27.03.2014 00:22

Пробовал делать так
$( "input[type='radio']" ).prop( "checked", function( i, val ) {
  return !val;
});

Но почему то считывает не ту radio которая стоит по умолчанию..

рони 27.03.2014 01:45

cript,
непонимаю я вас ... неможите checked установить поручите слайдеру -- там веть есть уже код для checked нужного инпута
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/mint-choc/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<div class="output" style="display:none;">
    <input type="radio" name="Button" value="Поднять1" data-value="test1">
    <input type="radio" name="Button" value="Поднять2" data-value="test2">
    <input type="radio" name="Button" value="Поднять3" data-value="test3">
    <input type="radio" name="Button" value="Поднять4" data-value="test4">
</div>
<script type="text/javascript">
    $(function () {
        rd = $(".output input:radio");
        $("#slider-vertical").slider({
            animate: true,
            orientation: "vertical",
            range: "min",
            min: 0,
            max: 3,
            value: 1,
            slide: function (event, ui) {
                $("#rangevalue").html(rd.eq(ui.value).val());
                rd.eq(ui.value).prop("checked", true)
            },
            change: function (event, ui) {
                $("#rangevalue").html(rd.eq(ui.value).val());
                rd.eq(ui.value).prop("checked", true)
            }
        });

        $( "#slider-vertical" ).slider( "value", 1 );

        $("#rangevalue").click(function () {
            var value = $(":radio[name=Button]").filter(":checked").data("value");
            value && alert(value)
        })
    })
</script>
<button id="rangevalue" name="Button" class="betbuttons"></button>
<div id="slider-vertical" style="height:200px;" class="slider"></div>

cript 27.03.2014 15:40

рони,
Это то что я искал, еще раз спасибо за ваше терпение и отзывчивость.


Часовой пояс GMT +3, время: 04:10.