본문 바로가기
프로그래밍 언어/jQuery

[jQuery] 제이쿼리로 전체선택/선택해제 구현하기

by 우림 2015. 7. 15.



$("[name=allCheck]").click(function(){ var isChecked = $(this).is(":checked"); $("[name=checkId]").prop("checked", isChecked); });

$(this).is(":checked")가 true면 모든 체크박스가 선택되고, false면 모든 체크박스가 선택해제됩니다. 여기서, $(this)는 $("[name=allCheck]") 개체입니다.


$(document).ready(function() { ... });


DOM이 로드되고 이미지가 로드되기 전에  $(document).read() 함수가 실행됩니다.
이곳에 체크박스 click 이벤트를 구현해 주어야 화면이 실행되었을 때 동작합니다.



댓글