$("[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 이벤트를 구현해 주어야 화면이 실행되었을 때 동작합니다.
'프로그래밍 언어 > jQuery' 카테고리의 다른 글
[jQuery] 제이쿼리 페이지 네비게이션 플러그인(plugin) - PageNavigator (페이지 번호) (0) | 2015.07.15 |
---|---|
[jQuery] 제이쿼리 플러그인(plugin)으로 숫자입력, 알파벳입력 구현하기 - jquery.alphanum.js (0) | 2015.07.15 |
[jQuery] plugin(제이쿼리 플러그인)으로 검색 자동완성(autocomplete) 구현하기 (6) | 2015.07.06 |
[jQuery] 제이쿼리 항상 가장 최신(마지막) 버전 링크 url 사용하기 (0) | 2015.06.18 |
[jQuery] 제이쿼리로 중복 클릭 방지를 위한 레이어 팝업 띄우기 (8) | 2015.04.14 |
댓글