jQuery to check if all checkboxes are selected

[jQuery] 모든 체크박스가 선택되었는지 확인하기

가령 class=”abc” 요소를 가진 체크박스가 모두 선택되었는지 확인하는 방법입니다.

간단한 방법으로 다음 조건을 확인하는 것입니다.

$('.abc:checked').length == $('.abc').length

다음과 같은 스크립트를 사용합니다.

$(".abc").change(function(){
if ($('.abc:checked').length == $('.abc').length) {
// 사용자 스크립트
}
});
// Source: stackoverflow

또는, 다음과 같은 스크립트도 생각해볼 수 있습니다.

$("input[type='checkbox'].abc").change(function(){
var a = $("input[type='checkbox'].abc");
if(a.length == a.filter(":checked").length){
alert('모두 체크되었습니다');
}
});

데모: jsfiddle

참고:



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.