특정 수의 확인란을 선택한 후 함수를 호출하십시오.

Question

특정 수의 확인란을 선택한 후에는 div를 제거하려고 시도하지만 작동시키지 못합니다. 나는 의 가치를과 의 길이를으로 시도했지만 나는 그 값을 올바른 방법으로 체크 박스에 집어 넣지 않을 것이라고 생각한다.

$('input:checkbox').change(
    function(){ 
     if ($(this).is(':checked').val > 2) { 
      alert('checked'); 
     } 
    }); 

모든 입력은 크게 감사하겠습니다. 감사!

Answer 1

셀렉터를 사용하여 발견 된 요소의 수를 확인할 수 있습니다 (length 표시).

$('input:checkbox').change(function() { 
    var numberChecked = $('input:checkbox:checked').length; 
    if (numberChecked > 2) { 
     // Fade your div out here 
    } 
}); 

Answer 2

이 작업을 시도 할 수 있습니다 :

$('input:checkbox').change(
function() { 
    var checkboxesChecked = 0; 
    $('input:checkbox').each(function() { 
     if ($(this).is(':checked')) { 
      checkboxesChecked++; 
     } 
    }); 

    if (checkboxesChecked > 2) { 
     alert('More than 2 checkboxes are checked.'); 
    } 
});