동일한 양식의 여러 확인란 그룹 확인 jQuery

Question

저는 jQuery를 처음 사용하기 때문에 같은 양식의 확인란 그룹에 하나 이상의 확인란을 선택해야합니다. 여기 JSFiddle

HTML은 다음과 같습니다

<form> 
    <!-- CHECKBOX GROUP NUMBER ONE --> 
    <h3>group one</h3> 

    <input type="checkbox" class="reqNow" name='part1'> 
    <input type="checkbox" class="reqNow" name='part1'> 
    <br> 
    <br> 
    <!-- CHECKBOX GROUP NUMBER TWO --> 
    <h3>group two</h3> 

    <input type="checkbox" class="reqNow" name='part2'> 
    <input type="checkbox" class="reqNow" name='part2'> 
    <!-- CHECKBOX GROUP NUMBER THREE --> 
    <h3>group three</h3> 

    <input type="checkbox" class="reqNow" name='part3'> 
    <input type="checkbox" class="reqNow" name='part3'> 
    <!-- CHECKBOX GROUP NUMBER FOUR --> 
    <h3>group four</h3> 

    <input type="checkbox" class="reqNow" name='part4'> 
    <input type="checkbox" class="reqNow" name='part4'> 
    <br> 
    <input type="submit"> 
</form> 

JAVASCRIPT :

var submitOK = false; 


$("form").submit(function (e) { 
    e.preventDefault(); 


    var a = $(".reqNow").serializeArray(); 

    $.each(a, function (i, b) { 
     if (b.value == "on") { 
      submitOK = true; 
     } 


     if (submitOK) { 
      alert("Form Sent!"); 
     } 
    }); 

}); 

그래서 기본적으로 나는 각 그룹에서 확인할 적어도 하나 개의 체크 박스가있는 경우에만 양식을 보낼.

어떤 도움을 주실 수 있나요?

Answer 1

당신은 수정 JQuery Multiple Checkbox Groups Validation

$("form").submit(function (e) { 
    e.preventDefault(); 
    var g1 = $('.reqNow[name=part1]:checked').length; 
    var g2 = $('.reqNow[name=part2]:checked').length; 
    var g3 = $('.reqNow[name=part3]:checked').length; 
    var g4 = $('.reqNow[name=part4]:checked').length; 
    if (g1 > 0 && g2 > 0 && g3 > 0 && g4 > 0) 
     alert('Form sent!'); 
}); 

참조이 대답 유사 확인할 수 있습니다 JSFiddle