Check All Checkboxes with JQuery

jQuery 2011. 4. 14. 17:44

 Check All Checkboxes with JQuery 

jQuery 를 이용하여 체크박스의 전체선택 해제를 쉽게 구현할 수 있다. 

$(".cb_all").click(function(){
  $(".cb_child").attr("checked",$(this).is(":checked"));
});


cb_all 클래스의 전체선택/해제를 관여하는 체크박스가 있고 이 체크박스를 클릭하면 리스트에 있는, 즉 cb_child 클래스를 가진 체크박스들이 모두 선택되거나 해제되는 것을 볼 수 있다.

selector 는 상황에 맞게 변경하면 된다~~ 


'jQuery' 카테고리의 다른 글

jQuery Alert Plugin  (0) 2013.01.31
jqgrid 에서의 custom validation  (0) 2011.01.11
[fullcalendar] events : function 처리  (2) 2010.11.22
posted by 소연파파™