모두 선택하고 선택을 반전시키는 간단하고 실용적인 예 버튼_jquery

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

//모든 버튼 처리 선택
$(function (){
//모두 선택하려면 클릭
$("#checkAll").click(function () {//모두 선택 상자 클릭 시
var flag = $("#checkAll" ).is(" :checked"); // 모두 선택 버튼의 상태 확인
var checkItems=document.getElementsByName("checkItem")
for(var i=0;i checkItems[i].checked = flag;
}
})
//하위 항목 클릭
$("input:checkbox[name=' checkItem']").each(function( ){
$(this).click(function(){
if($("input:checkbox[name='checkItem']:checked").length ==$("input:checkbox[name ='checkItem']").length){
document.getElementById("checkAll").checked = true
}else{
document.getElementById( "checkAll").checked = false;
}
})