Jquery,如何取消选择无线电组中的所有单选按钮

时间:2012-08-21 12:26:52

标签: jquery html jquery-mobile jquery-selectors

任何人都知道如何取消选择广播组中的所有单选按钮?

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

4 个答案:

答案 0 :(得分:73)

您可以给他们一个班级名称并尝试:

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

当你使用旧版本的jQuery而不是1.6时,它必须是:

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

编辑:

调用方法.checkboxradio("refresh");对我也有用。

答案 1 :(得分:11)

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

用于制作无线电组的'未选中'整个单选按钮的替代解决方案(上述代码示例的'indicatorType')。

答案 2 :(得分:5)

这应该这样做。请注意最后的刷新选项以强制更新控制组。

此方法的另一个好处是它按名称定位特定的无线电组,而不是页面上的所有无线电控件。

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

答案 3 :(得分:0)

道具对我不起作用,但这完美无缺:

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