CheckBox 전체 선택 해제..

HTML의 CheckBox를 전체 선택을 jQuery로 구현.

if($("input:checkbox[id='allChk']").is(":checked")){

$("input:checkbox[name='chk']").attr("checked", true);

}else{

$("input:checkbox[name='chk']").attr("checked", false);

}

<input type='checkbox' id='allChk' name='allChk' onclick='selectCheckboxAll();' />

<input type='checkbox' id='chk' name='chk' />

이 소스 코드로 실행할 경우 제대로 동작 하지 않는다.

FireFox로 확인했을때 한번만 정상 작동하고 그 뒤 부터는 제대로 작동하지 않았다.

$("input[name=chk]:checkbox").prop("checked", true);

CheckBox의 checked Attribute의 속성을 바꿔주는 함수를 attr이 아닌 prop로 바꾸면 아주 잘 작동한다.

아이고 뭐가 이리 어려워..