JQuery複数チェックボックスグループ検証

Question

JQueryでチェックボックスグループを検証するにはどうすればよいですか？各グループで、少なくとも1つのチェックボックスが選択されていることを確認する必要があります。私はグループを識別するためにクラスを使用したいのですが、そう、HTMLは次のようになります。

<!-- checkbox group --> 
<fieldset class="CbxGroup"> 
    <legend>Checkbox Group (required)</legend> 
    <label><input type="checkbox" name="cbxGroup1[]" value="one" id="cbxGroup1_0">One </label> 
    <br> 
    <label><input type="checkbox" name="cbxGroup1[]" value="two" id="cbxGroup1_1">Two </label> 
    <br> 
    <label><input type="checkbox" name="cbxGroup1[]" value="three" id="cbxGroup1_2">Three</label> 
    <br> 
    <label><input type="checkbox" name="cbxGroup1[]" value="four" id="cbxGroup1_3">Four </label> 
    <br> 
    <label><input type="checkbox" name="cbxGroup1[]" value="five" id="cbxGroup1_4">Five </label> 
    <br> 
</fieldset> 

チェックボックスが選択リスト/メニューのようなラッパー要素を持っていないので、私は知りませんこれを取り除く方法。単一のチェックボックスの場合、次のようなことができますが、チェックボックスグループでは機能しません。

ありがとう！

$('.CbxSingle').each(function() { 
     var CbxCheck = $(this); 
     if(!CbxCheck.is(':checked')) { 
      // do something 
     } 
     else{ 
      // do something else 
     } 
    }); 

私は別に、各グループを検証します次のようなものが欲しい：

は

$('.CbxGroup').each(function() { 
     if ($('input[type=checkbox]:checked').length == 0) { 
      alert('not selected!'); 
     } 
     else{ 
      alert('selected!'); 
     } 
    }); 

Answer 1

は、おそらくこのような何かがうまくいくかもしれない：

if($(".CbxSingle input[type=checkbox]:checked").length != 0){ 
    // Run success code 
}else{ 
    // Run failure code 
} 

は実際には非常に同様の参照がありますチェックされたセレクタのjQueryドキュメンテーションWebサイト：http://api.jquery.com/checked-selector/

希望に役立ちます！

Answer 2

これはあなたが記述何のために働くかもしれない：

var numberChecked=$("input[name='cbxGroup1[]']:checked").length; 
if(numberChecked<1) 
    alert('none checked'); 
else 
    alert(numberChecked+' checked); 

Answer 3

は私がわずかvariation as a fiddleを作成し、正常に動作するようです。あなたの問題は.CbxSingleクラスがinputに適用されていないと思われるので、​​のような別のセレクタを使用するかもしれません。