jQuery를 사용하여 페이지에서 선택되는 체크 박스의 수를 계산하는 방법

Question

jQuery를 사용하여 내 페이지에서 얼마나 많은 체크 박스가 선택되었는지 계산하고 싶습니다.

 var numberOfCheckboxesSelected = 0; 
     $(':checkbox').each(function(checkbox) { 
      if (checkbox.attr('checked')) 
       numberOfCheckboxesSelected++; 
     }); 

그러나, 메시지와 함께 내 코드 오류 밖으로 세 번째 줄에 "개체가이 속성 또는 메서드를 지원하지 않습니다"나는 다음과 같은 코드를 작성했습니다.

페이지에서 얼마나 많은 체크 박스가 선택되었는지 어떻게 계산합니까?

Answer 1

jQuery는 의사 선택기 :checked을 지원합니다.

var n = $("input:checked").length; 

이 옵션은 라디오 버튼과 체크 박스에서 작동합니다. 그냥 체크 박스를 원하지만, 또한 페이지에 라디오 버튼이있는 경우 :

var n = $("input:checkbox:checked").length; 

Answer 2

은 (선택된 라디오 버튼을 계산 피하기 위해)이 시도 :

var numberOfCheckboxesSelected = $('input[type=checkbox]:checked').length; 

Answer 3

each에 콜백에 전달 된 첫 번째 인수를 요소가 아니라 색인입니다.

var numberOfCheckboxesSelected = $('input:checkbox:checked').length; 

Answer 4

$("input:checked").length 

: 또한

$(':checkbox').each(function(idx, checkbox) { 
     if (checkbox.attr('checked')) 
      numberOfCheckboxesSelected++; 
}); 

,이 작업을 수행 할 수있는 쉬운 방법이 :checked 선택 만 체크 요소를 선택하고 선택의 length 속성을 확인하는 것입니다 : 당신은 this 또는 두 번째 인수를 사용한다

이렇게하면 체크 된 체크 상자의 수를 반환합니다.