多个组或单选按钮
<h1>Question 1</h1>
<input type="radio" name="radio1" value="false" />
<input type="radio" name="radio1" value="true" />
<h1>Question 2</h1>
<input type="radio" name="radio2" value="false" />
<input type="radio" name="radio2" value="true" />
如何在jQuery中检查每个组中的单选按钮是否已选中?
谢谢。
发布于 2010-08-24 10:53:51
下面是我会怎么做:
var all_answered = true;
$("input:radio").each(function(){
var name = $(this).attr("name");
if($("input:radio[name="+name+"]:checked").length == 0)
{
all_answered = false;
}
});
alert(all_answered);
这样,您就不需要依赖同级或父标记。如果你的单选按钮和任何标签混在一起,它仍然可以工作。你可以使用play around with it。
发布于 2013-09-17 16:25:12
使用form
或div
对每个单选项组进行包装:
<div id="question1">
<h1>Question 1</h1>
<input type="radio" name="radio1" value="false" />
<input type="radio" name="radio1" value="true" />
</div>
<div id="question2">
<h1>Question 2</h1>
<input type="radio" name="radio2" value="false" />
<input type="radio" name="radio2" value="true" />
</div>
然后在jQuery中:
if ($('#question1 input[type=radio]:checked')[0] != undefined && $('#question2 input[type=radio]:checked')[0] != undefined) {
...
}
发布于 2017-12-09 01:50:06
我用“GG”来提升答案。但是,您不需要更改HTML。
只需按name选择
if ($("input[name='radio1']:checked")[0] != undefined &&
$("input[name='radio2']:checked")[0] != undefined) {
...
}
https://stackoverflow.com/questions/3553197
复制相似问题