it-roy-ru.com

Jquery, как снять все переключатели в группе радио

Кто-нибудь знает, как отменить выбор всех переключателей в группе радио?

HTML:

<div id="emptimfields">
              <label id="lbl_emptim">How regulary do you employ people to help cultivate your land? </label><br/><br/>

             <fieldset data-role="controlgroup" data-type="vertical" id="emptim">

              <input name="emptim" id="radio1" value="fromtimetotime" type="radio" openmrs-valuecoded="" />
              <label for="radio1"> From time to time </label>

              <input name="emptim" id="radio2" value="allthetime" type="radio" openmrs-valuecoded="" />
              <label for="radio2">All the time</label>

              <input name="emptim" id="radio3" value="dontknow" type="radio" openmrs-valuecoded="" />
              <label for="radio3"> Don't know </label> 
            </fieldset>
        </div>

JQuery сторона:

$('input:radio[name=emptim]:checked').prop('checked', false); // doesn't work 

Мне, конечно, не хватает чего-то простого, но я не могу понять, в чем проблема.

Сначала я проверяю Да, а затем проверяю значение второй группы радиосвязи: 

enter image description here

Затем я проверяю Нет, чтобы скрыть вторую группу радио:

enter image description here

Затем, если я нажимаю «Далее», я получаю значение того, что я проверил (но я проверил «нет» ранее, поэтому здесь я не хочу оповещение, я хочу, чтобы radioButton «Время от времени» не проверялся):

enter image description here

Наконец, если я вернусь, ничего не произойдет

enter image description here

36
Alexis C.

Вы можете дать им имя класса и попробовать:

$('.classname').prop('checked', false);

Когда вы используете более старую версию jQuery, чем 1.6, это должно быть:

 $('<selector>').attr('checked', false);

Правка :

Вызов метода .checkboxradio("refresh"); также работает для меня.

71
Roel
$('input:radio[name=indicatorType]').each(function () { $(this).prop('checked', false); });

Альтернативное решение для создания «непроверенных» целых радиокнопок радиогруппы («индикатор типа» для приведенного выше примера кода).

11
user1841830

Это должно сделать это. Обратите внимание на опцию обновления в конце, чтобы принудительно обновить контрольную группу. 

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

$('input:radio[name=emptim]:checked').prop('checked', false).checkboxradio("refresh");
4
Phill Healey

Опора не работает для меня, этим работает отлично:

('input:radio[name="RadioName"]').each(function () { $(this).attr('checked', false); });
0
Jaggana