체크박스 전체선택/해제/반전
<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()>
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개
쉽다zzz
12년 전
감솨
senseme
12년 전
감사합니다^^
12년 전
잘봤습니다-
senseme
12년 전
감사합니다^^
쉽다zzz
12년 전
좋은 팁이네요~
senseme
12년 전
감사합니다^^
takumi22
12년 전
감사합니다. ~
10년 전
on이 함께 넘어오는데 제거 할 수 있나요?
게시글 목록
| 번호 | 제목 |
|---|---|
| 17628 | |
| 17616 |
기획서
사이트맵
11
|
| 17605 |
기획서
사이트제작순서 (참고)
10
|
| 20033 | |
| 10521 |
JavaScript
계층형 카테고리를 여러개 선택할수 있게 하는방법이 없을까요??
|
| 10518 |
jQuery
슬라이드 업 전체메뉴에 대해 질문드립니다.
2
|
| 10517 | |
| 10514 | |
| 10504 |
MySQL
mysql like 검색방법
9
|
| 20029 |
웹접근성
웹접근성이란?
3
|
| 10499 |
JavaScript
자바스크립트를 이용해서 모바일에 selet 박스 구현한것입니다
4
|
| 10491 |
jQuery
jquery로 펼침 메뉴 입니다.
7
|
| 10485 | |
| 20020 |
웹접근성
웹표준형 화면 확대/축소
8
|
| 10484 | |
| 10470 |
Mobile
끊기지 않는 세션을 만들려면 어떻게?
13
|
| 10463 | |
| 280 | |
| 20019 | |
| 10459 |
MySQL
csv 편집 방법?
3
|
| 10455 | |
| 10447 | |
| 10437 | |
| 10433 |
JavaScript
자바스크립트 해킹 공격에 대한 방어
3
|
| 10427 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기