[펌] jquery 체크박스 체크 관련
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
[출처] 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> |
이런식으로 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); });}); |
같이 해주면 된다.
'Web > javascript / jQuery' 카테고리의 다른 글
| [펌] 자바스크립트 문자열 다루기 (6) | 2015.04.13 |
|---|---|
| jQuery에서 특정 라디오버튼만 동적 체크 (4) | 2015.04.13 |
| jQuery에서 string 처리 (split, replace, slice) (6) | 2015.04.13 |
| jQuery 버튼 여러개의 대화창 만들기 (6) | 2015.04.13 |
| jQuery ID와 Name (6) | 2015.04.13 |