function checkAllFunc(obj) {
$("[name=chk]").each(function() {
this.checked = obj.checked;
})
}
$("[name=chk]").each(function() {
this.checked = obj.checked;
})
}
체크박스가 [name=chk]로 이름이 같기 때문에 each()문으로 루프를 돌리며 작업을 합니다.
this.checked = obj.checked; => 전체선택 체크박스가 선택되면 다른 체크박스도 체크하고, 전체선택 체크박스가 선택해제되면 다른 체크박스도 선택해제하는 명령입니다.
<tr>
<th><input type="checkbox" name="check-all" onclick="checkAllFunc(this)" /></th>
<th>전체선택</th>
</tr>
<th><input type="checkbox" name="check-all" onclick="checkAllFunc(this)" /></th>
<th>전체선택</th>
</tr>
onclick="checkAllFunc(this)" => 전체선택의 체크박스를 클릭할 때 checkAllFunc ()함수를 실행해 달라는 명령입니다.
'프로그래밍 언어 > jQuery' 카테고리의 다른 글
[jQuery] 제이쿼리로 필드를 포함한 플레이스홀더(placeholder) 텍스트 만들기 예제 2 (2) | 2014.12.05 |
---|---|
[jQuery] 제이쿼리로 필드를 포함한 플레이스홀더(placeholder) 텍스트 만들기 예제 1 (0) | 2014.12.05 |
[jQuery] 글자 폰트 사이즈 늘리고 줄이기, 숨기고 보이기, 애니메이션으로 버튼 크기 조절하는 예제 (2) | 2014.12.03 |
[jQuery] 글자 폰트 사이즈 늘리고 줄이기, 숨기고 보이기 예제 (0) | 2014.12.03 |
[jQuery] 글자 폰트 사이즈 늘리고 줄이기 예제 (0) | 2014.12.03 |
댓글