jquery 체크박스 전체 선택/해제 샘플소스
댓글
jQuery attr / prop 함수에 대해서 설명하던 도중 생각이나서 작성하게 되었습니다.
심플한 소스입니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(function(){
//전체선택 체크박스 클릭
$("#allCheck").click(function(){
//만약 전체 선택 체크박스가 체크된상태일경우
if($("#allCheck").prop("checked")) {
//해당화면에 전체 checkbox들을 체크해준다
$("input[type=checkbox]").prop("checked",true);
// 전체선택 체크박스가 해제된 경우
} else {
//해당화면에 모든 checkbox들의 체크를해제시킨다.
$("input[type=checkbox]").prop("checked",false);
}
})
})
</script>
</head>
<body>
<table>
<tr>
<td>
전체선택 : <input type="checkbox" id="allCheck"/>
</td>
</tr>
<tr>
<td>
<input type="checkbox"/>
</td>
</tr>
<tr>
<td>
<input type="checkbox"/>
</td>
</tr>
<tr>
<td>
<input type="checkbox"/>
</td>
</tr>
<tr>
<td>
<input type="checkbox"/>
</td>
</tr>
<tr>
<td>
<input type="checkbox"/>
</td>
</tr>
</table>
</body>
</html>
도움이 되셨다면 손가락↓ 클릭! 궁금하신점은 댓글!!
'샘플소스 > 샘플소스(jQuery/스크립트)' 카테고리의 다른 글
| swfobject.js 를 이용하여 화면에 플래시파일 호출하기 (0) | 2014.07.29 |
|---|---|
| 자바스크립트 replaceall 함수만들기 (0) | 2014.06.08 |
댓글(Comment)