[JQuery] 체크박스 개수와 체크된 체크박스 개수 구하는 방법

 

---

 

 

JQuery 체크박스

 

 

 

예제 HTML 소스

 

<span> 뭐 먹을래? </span>
 
<input type="checkbox" name="menu" checked="checked">햄벅
 
<input type="checkbox" name="menu" >                 감튀 
 
<input type="checkbox" name="menu" checked="checked">술

 

 

01 전체 체크박스 개수 구하기

 

체크박스 개수를 모두 구한다.

결과는 3

$("input:checkbox[name=menu]").length; // 결과 3 

 

 

02 체크된 체크박스 개수 구하기

 

모든 체크박스 중 체크된 개수만 구한다.

결과는 2개

$("input:checkbox[name=menu]:checked").length; // 결과 2

 

 

03 체크박스 별로 체크 여부 검사

 

체크박스의 체크 여부를 검사하여 특정 명령을 실행하고 싶은 경우.

아래 if 안에 체크됐을 때 실행하고 싶은 소스 작성하면 된다.

 

$("input:checkbox[name=menu]").each(function(){ 
 
    if(this.checked){ 
      // 체크된 경우 무언가 수행 경우 구현
    } 
 
});