Question

我有：

<div class="group">
   <input type="radio" name="myradio" value="1">a
   <input type="radio" name="myradio" value="2">b
</div>
<div class="group">
   <input type="radio" name="two" value="3">a
   <input type="radio" name="two" value="4">b
</div>
<div class="group">
   <input type="radio" name="aaa" value="5">a
   <input type="radio" name="aaa" value="6">b
</div>

http://jsfiddle.net/jz84u/2/

如何检查此示例中是否选中了最少一个组？如果没有那么应该警惕（'错误'）。我想使用jQuery。

$(".group").each(function(){

})

但我怎么检查这个？对于我的示例应该是返回错误 - 检查任何输入，但如果我有：

<div class="group">
   <input type="radio" name="myradio" value="1">a
   <input type="radio" name="myradio" value="2">b
</div>
<div class="group">
   <input type="radio" name="two" value="3">a
   <input type="radio" name="two" value="4" checked="checked">b
</div>
<div class="group">
   <input type="radio" name="aaa" value="5">a
   <input type="radio" name="aaa" value="6">b
</div>

这个例子没问题 - 检查第二组中的输入。

我该如何验证？

Answer 1

这是否符合您的需求？

   var n = $(".group input:checked").length;

   if(n>0){do something}

Answer 2

尝试如下，它将起作用......

添加按钮

<input type="button" value="check" id="btnCheck">

<div class="group">
   <input type="radio" name="myradio" value="1">a
   <input type="radio" name="myradio" value="2">b
</div>
<div class="group">
   <input type="radio" name="two" value="3">a
   <input type="radio" name="two" value="4">b
</div>
<div class="group">
   <input type="radio" name="aaa" value="5">a
   <input type="radio" name="aaa" value="6">b
</div>

写一个类似下面的jquery

$("#btnCheck").click(function() {

   if($(".group input:radio:checked").val())
       alert("checked");
    else
    alert("Nothing checked");   

});

小提琴：http://jsfiddle.net/jz84u/6/

选中已签入的组单选按钮 - 验证

2 个答案: