s

체크박스 전체선택/해제/반전

<script type="text/JavaScript">
function chkBox(bool) { // 전체선택/해제
var obj = document.getElementsByName("chk[]");
for (var i=0; i<obj.length; i++) obj[i].checked = bool;
}
function revBox() { // 전체반전
var obj = document.getElementsByName("chk[]");
for (var i=0; i<obj.length; i++) obj[i].checked = !obj[i].checked;
}
</script>

<table border=1>
<tr bgcolor=#efefef>
<td><INPUT type=checkbox onclick=chkBox(this.checked)> 선택</td>
</tr>
<tr><td><INPUT type=checkbox name=chk[] value=100> 이효리</td></tr>
<tr><td><INPUT type=checkbox name=chk[] value=200> 성유리</td></tr>
<tr><td><INPUT type=checkbox name=chk[] value=300> 이진</td></tr>
<tr><td><INPUT type=checkbox name=chk[] value=400> 옥주현</td></tr>
</table>

<INPUT type=button value="전체반전" onclick=revBox()>

|

댓글 9개

좋은 팁이네요~
감사합니다. ~
on이 함께 넘어오는데 제거 할 수 있나요?
정말 감사합니다!!
단방에 해결 보았습니다^^
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
PHP 13-05-08 조회 3,391
PHP 13-05-08 조회 5,383
jQuery 13-05-02 조회 1.5만
jQuery 13-04-29 조회 5,253
OS 13-04-27 조회 6,676
jQuery 13-04-15 조회 5,990
jQuery 13-04-13 조회 5,468
OS 13-04-07 조회 3,555
PHP 13-04-05 조회 5,832
JavaScript 13-04-05 조회 4,863
JavaScript 13-04-05 조회 7,401
JavaScript 13-04-05 조회 1.9만
JavaScript 13-04-05 조회 8,577
JavaScript 13-04-05 조회 6,308
MySQL 13-04-02 조회 6,097
MySQL 13-04-02 조회 7,003
MySQL 13-04-02 조회 8,306
MySQL 13-04-02 조회 5,412
PHP 13-03-31 조회 6,348
JavaScript 13-03-31 조회 7,639
JavaScript 13-03-31 조회 3,390
JavaScript 13-03-28 조회 4,620
JavaScript 13-03-28 조회 7,472
JavaScript 13-03-28 조회 1.3만
JavaScript 13-03-28 조회 4,101
MySQL 13-03-25 조회 3,223
PHP 13-03-24 조회 3,517
PHP 13-03-24 조회 6,547
JavaScript 13-03-24 조회 3,815
기타 13-03-23 조회 4,767