<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>jQuery Tip | Check All</title>
<script src="//code.jquery.com/jquery-1.11.0.js"></script>
<script>
$( document ).ready( function() {
$( '.check-all' ).click( function() {
$( '.ab' ).prop( 'checked', this.checked );
} );
} );
</script>
</head>
<body>
<form>
<p><input type="checkbox" name="all" class="check-all"> <label>Check ALL</label></p>
<hr>
<p><input type="checkbox" name="cb1" class="ab"> <label>Checkbox 1</label></p>
<p><input type="checkbox" name="cb2" class="ab"> <label>Checkbox 2</label></p>
<p><input type="checkbox" name="cb3" class="ab"> <label>Checkbox 3</label></p>
<p><input type="checkbox" name="cb4" class="ab"> <label>Checkbox 4</label></p>
</form>
</body>
</html>
'javascript, jquery' 카테고리의 다른 글
| jquery CDN (0) | 2014.10.14 |
|---|---|
| 팝업창 크기에 맞게 이미지 리사이즈 (0) | 2014.10.12 |
| $.cookie / $.removeCookie - 쿠키 제어하기 (0) | 2014.10.11 |
| 팝업 레이어 설정하기 (0) | 2014.10.11 |
| 팝업창 자동 리사이즈(크로스 브라우징) (0) | 2014.10.11 |
디츠
“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)