[펌] jquery 체크박스 체크 관련

[출처] http://hobbiez.tistory.com/321

 

 

1. checked 여부 확인

1 2	$("input:checkbox[id='ID']").is(":checked") == true : false  /* by ID */ $("input:checkbox[name="NAME"]).is(":checked") == true : falce /* by NAME */

2. checked/unchecked 처리

1 2	$("input:checkbox[id='ID']").attr("checked", true); /* by ID */ $("input:checkbox[name='NAME']").attr("checked", false); /* by NAME */

3. 특정 라디오버튼 선택 / 모든 라디오버튼 선택해제

1 2	$("input:radio[name='NAME']:radio[value='VALUE']").attr("checked",true); $("input:radio[name='NAME']").removeAttr("checked");

전체선택 체크박스를 선택하면 그 아래의 모든 체크박스를 선택해주는 것을 만들어보자.

1 2 3 4 5

<label><input type='checkbox' id='check_all' class='input_check' /> <b>전체선택</b></label> <ul class='select_subject'> <label><input type='checkbox' class='input_check' name='class[1]' value='1' /> <b>1</b></label> <label><input type='checkbox' class='input_check' name='class[2]' value='2' /> <b>2</b></label> </ul>

 전체선택

 1  2

이런식으로 html이 있고, javascript 부분은 

1 2 3 4 5 6 7

$(function(){     $("#check_all").click(function(){         var chk = $(this).is(":checked");//.attr('checked');         if(chk) $(".select_subject input").attr('checked', true);         else  $(".select_subject input").attr('checked', false);     }); });

같이 해주면 된다.