편리하고 실용적인 jQuery 체크박스 체크박스 모든 기능 선택 단순 example_jquery

코드 복사 코드는 다음과 같습니다.

// 메인 체크박스
< input type="checkbox" id="ck" name="ckAll">// 하위 체크박스 항목

코드 복사 코드는 다음과 같습니다.

var $ckAll = $("input[ name=' ckAll']");
var $ckItm = $("input[name='ckItm']");
var len = $ckItm.length;
$ckAll.click(function () {
// $ckAll의 현재 선택된 상태를 가져옵니다. 선택하면 다른 하위 확인란이 선택되고, 그렇지 않으면 취소됩니다.
$ckItm.prop('checked',this.checked) ;
});
$ckItm.click(function() {
// 판단 이벤트를 b에 바인딩
var b=$ckItm.filter(":checked").length== len;// 선택된 하위 체크박스의 개수가 전체 개수와 같을 때, 메인 체크박스가 선택됩니다
// 삼항연산으로 결정
var flag=$ckAll.prop("checked" ,b?true:false) ;
});