체크박스(checkbox) 전체선택/해제/반전 > script

본문 바로가기

script

체크박스(checkbox) 전체선택/해제/반전

작성일 07-08-08 10:17

페이지 정보

작성자서방님 조회 209회 댓글 0건

본문

var chkFlag = false;
function chkAll() {
    var obj = document.getElementsByName("chk");
   chkFlag = !chkFlag
    for (var i=0; i<obj.length; i++) obj[i].checked = chkFlag;
}

=======================================================================================


<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()>

댓글목록

등록된 댓글이 없습니다.

게시물 검색
Copyright © 서방님.kr All rights reserved.
PC 버전으로 보기