JQuery Несколько checkbox Groups Validation

Question

Как проверить флажки с помощью JQuery? Мне нужно убедиться, что в каждой группе выбран хотя бы один флажок. Я хотел бы использовать класс, чтобы определить группы, а значит, 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 для: проверенного селектора: 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 s, поэтому вы можете использовать другой селектор, такой как .CbxGroup input[type=checkbox].