[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

참고:

• jQuery를 사용하여 앵커 링크 클릭 시 부드럽게 스크롤되도록 하기
• [jQuery] 이미지 오버레이 구현하기