1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(function(){
//전체선택 체크박스 클릭
$("#allCheck").click(function(){
//만약 전체 선택 체크박스가 체크된상태일경우
if($("#allCheck").prop("checked")) {
//해당화면에 전체 checkbox들을 체크해준다
$("input[type=checkbox]").prop("checked",true);
// 전체선택 체크박스가 해제된 경우
} else {
//해당화면에 모든 checkbox들의 체크를해제시킨다.
$("input[type=checkbox]").prop("checked",false);
}
})
})
Colored by Color Scripter
cs
1. checked 여부 확인
$("input:checkbox[id='ID']").is(":checked") ==true:false/* by ID */$("input:checkbox[name='NAME']").is(":checked") ==true:false/* by NAME */2. checked/unchecked 처리
<p> $("input:checkbox[id='ID']").prop("checked",true);/* by ID */$("input:checkbox[name='NAME']").prop("checked",false);/* by NAME */</p>3. 특정 라디오버튼 선택 / 모든 라디오버튼 선택해제
$("input:radio[name='NAME']:radio[value='VALUE']").attr("checked",true);$("input:radio[name='NAME']").removeAttr("checked");
전체선택 체크박스를 선택하면 그 아래의 모든 체크박스를 선택해주는 것을 만들어보자.
<label><inputtype='checkbox'id='check_all'class='input_check'/> <b>전체선택</b></label><ulclass='select_subject'><label><inputtype='checkbox'class='input_check'name='class[1]'value='1'/> <b>1</b></label><label><inputtype='checkbox'class='input_check'name='class[2]'value='2'/> <b>2</b></label></ul>
이런식으로 html이 있고, javascript 부분은
<p>$(function(){$("#check_all").click(function(){varchk = $(this).is(":checked");//.attr('checked');if(chk) $(".select_subject input").prop('checked',true);else$(".select_subject input").prop('checked',false);});});</p>
같이 해주면 된다.
출처: http://hobbiez.tistory.com/321 [취미생활]
'WEB > jQuery' 카테고리의 다른 글
| 다른영역 클릭시 팝업 닫기 (0) | 2017.03.30 |
|---|---|
| 플로팅 배너 응용 (0) | 2017.03.22 |
| Top Button (0) | 2017.02.27 |
| 플로팅 배너 자동으로 따라다니는 jQuery 소스 (0) | 2017.02.17 |
| 폴리필(polyfill) (0) | 2017.02.13 |
