전체선택2 [jQuery] 제이쿼리로 전체선택/선택해제 구현하기 $("[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 이벤트를 구현해 주어야 화면이 실행되었을 때 동작합니다. 2015. 7. 15. [jQuery] 제이쿼리로 전체선택/선택해제 간단하게 구현해 보는 예제입니다. function checkAllFunc(obj) { $("[name=chk]").each(function() { this.checked = obj.checked; }) } 체크박스가 [name=chk]로 이름이 같기 때문에 each()문으로 루프를 돌리며 작업을 합니다. this.checked = obj.checked; => 전체선택 체크박스가 선택되면 다른 체크박스도 체크하고, 전체선택 체크박스가 선택해제되면 다른 체크박스도 선택해제하는 명령입니다. 전체선택 onclick="checkAllFunc(this)" => 전체선택의 체크박스를 클릭할 때 checkAllFunc ()함수를 실행해 달라는 명령입니다. 2014. 12. 5. 이전 1 다음