Question

I have:

<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/

How can i check if minimum one group is checked in this example? If no then should be alert(‘error’).
I would like use jQuery.

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

})

but how can i check this? For my example should be return error – any input is checked, but if i have:

<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>

for this example is ok – input in second group is checked.

How can i validate this?

Answer 1

Will this fit your needs?

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

   if(n>0){do something}