【发布时间】:2012-08-16 19:06:55
【问题描述】:
有人知道如何取消选择单选组中的所有单选按钮吗?
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
我当然缺少一些基本的东西,但我不知道问题出在哪里。
首先,我检查是,然后检查第二个无线电组的值:
然后,我选中否以隐藏第二个无线电组:
然后,如果我点击下一步,我会得到我检查过的值(但我以前没有检查过,所以这里我不想要警报,我希望单选按钮“不时”是未选中):
最后,如果我回来,什么都不会发生:
【问题讨论】:
-
总是怀疑选择器。
$('input:radio[name=emptim]:checked')一定能找到元素吗? -
在这里工作jsfiddle.net/NFtVm(chrome beta)
-
是的,如果我这样做了 alert($('input:radio[name=emptim]:checked').val()); ,我选择了单选按钮的值。
-
在 FF 中也可以正常工作 jsfiddle.net/szatc/1
-
$('input[type=radio]:checked').prop('checked', false);
标签: jquery html jquery-mobile jquery-selectors