체크박스 전체선택/해제/반전
<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이 함께 넘어오는데 제거 할 수 있나요?
게시글 목록
| 번호 | 제목 |
|---|---|
| 10624 |
jQuery
Easing Functions Cheat Sheet
|
| 10618 | |
| 10614 | |
| 10607 |
jQuery
좌우 슬라이드메뉴와 상하 슬라이드 메뉴
6
|
| 10606 | |
| 10603 | |
| 10599 | |
| 20077 | |
| 10598 | |
| 10597 | |
| 10595 | |
| 10593 | |
| 10591 |
Mobile
모바일 웹 개발에 큰 도움이 되는 피모 브라우저
1
|
| 10590 |
PHP
간단한 쿠폰번호 생성
|
| 10588 |
PHP
xml 파싱 예제
1
|
| 10586 |
PHP
eval
1
|
| 17645 |
제안서
제안서 유용한 도형
13
|
| 10585 |
jQuery
롤오버+슬라이드 질문드립니다.
|
| 10584 |
jQuery
jQuery path plugin
|
| 10580 |
JavaScript
아이폰일때 상단 검색바 숨기기
3
|
| 20070 | |
| 10579 | |
| 10578 | |
| 10574 | |
| 10573 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기