체크박스 checkbox 전체 체크 설정 Tip

수정 전

<%-- 체크 상태 길이 체크 --%>     
function fncCheckLength(){
	var total = $(".checkbox").length;
	var check = $(".checkbox:checked").length;
    
	if(total==check){  
		$("#all_check").prop("checked", true);
	}else{   
		$("#all_check").prop("checked", false);
	}
	return false;
}

1. 전체 길이를 비교할 경우 0이 둘 다 0일 때 체크가 되는 문제 발생

 

<%-- 체크 상태 길이 체크 --%>     
function fncCheckLength(){
	var total = $(".checkbox").length;
	var check = $(".checkbox:checked").length;
	     
	<%-- 전체 길이가 0이 아닐 경우--%>  
	if(total != 0 && total==check){  
		$("#all_check").prop("checked", true);
	}else{   
		$("#all_check").prop("checked", false);
	}
	return false;
}

2. AND 조건을 추가하여 0이 아닐 때 체크 되도록 변경

수정 후