Validation des groupes de cases à cocher multiples JQuery

Question

Comment puis-je valider les groupes de cases à cocher avec JQuery? Je dois m'assurer que dans chaque groupe au moins une case est cochée. Je voudrais utiliser une classe pour identifier les groupes, donc, le code HTML ressemblerait à ceci:

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

Parce que les cases n'ont pas un élément d'emballage comme la liste de sélection/menu, je ne sais pas comment arracher ça. Pour les cases à cocher simples, je peux faire quelque chose comme ce qui suit, mais cela ne fonctionne pas pour les groupes de cases à cocher:

Merci!

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

Je voudrais quelque chose comme ce qui suit qui validerait chaque groupe séparément:

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

Answer 1

Peut-être quelque chose comme ça pourrait fonctionner:

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

Il est en fait une référence très similaire sur le site de documentation de jQuery pour le: sélecteur coché: http://api.jquery.com/checked-selector/

Espérons que ça aide!

Answer 2

Cela pourrait fonctionner pour ce que vous décrivez:

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

Answer 3

Je crée une légère variation as a fiddle, et il semble fonctionner très bien. Je pense que votre problème est la classe .CbxSingle n'est pas appliquée à la input s, de sorte que vous pouvez utiliser un sélecteur différent comme .CbxGroup input[type=checkbox].