테스트 사이트 - 개발 중인 베타 버전입니다

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

· 12년 전 · 2688 · 8
<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()>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 8개

감솨
감사합니다^^
잘봤습니다-
감사합니다^^
좋은 팁이네요~
감사합니다^^
감사합니다. ~
on이 함께 넘어오는데 제거 할 수 있나요?

게시글 목록

번호 제목
11040
11037
11028
11019
11017
11012
10999
10990
10984
20478
20151
10973
10970
10966
10962
10961
10959
10958
10951
10947
10945
10944
20463
10943
10939