javascript - 检查签入组单选按钮 - 验证

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/