如何在jQuery中检查每组中的单选按钮是否被选中？
如何在jQuery中检查每组中的单选按钮是否被选中？
提问于 2010-08-24 10:36:42
多个组或单选按钮
<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中检查每个组中的单选按钮是否已选中？
谢谢。
回答 3
Stack Overflow用户
回答已采纳
发布于 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。
Stack Overflow用户
发布于 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) {
...
}Stack Overflow用户
发布于 2017-12-09 01:50:06
我用“GG”来提升答案。但是，您不需要更改HTML。
只需按name选择
if ($("input[name='radio1']:checked")[0] != undefined &&
$("input[name='radio2']:checked")[0] != undefined) {
...
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3553197
复制相关文章
相似问题