etc/jQuery

Check All Checkboxes with JQuery

JavaPark 2014. 1. 27. 17:25

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


$(".cb_all").click(function(){

  $(".cb_child").attr("checked",$(this).is(":checked"));

});


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


코드 실행