CheckBox 모두선택, 모두해제, 선택반전 > script

페이지에 존재하는 checkbox들의 모든 이름은 "check"라고 가정한다.

<SCRIPT LANGUAGE="JavaScript">
<!--
function ChkAllSelect(form){ 
//체크박스에 모두 체크
    if( document.all['check'] == '[object]'){
        for ( var i = 0 ; i < form.check.length ; i++ )
            form.check[i].checked = true;
        return false;
    }else{
        alert("선택하고자 하는 목록이 없습니다.");
        return false;
    }
}

function ChkAllUnSelect(form){
//체크박스선택 모두 해제
    if( document.all['check'] == '[object]'){
        for ( var i = 0 ; i < form.check.length ; i++ )
            form.check[i].checked = false;
        return false;
    }else{
        alert("선택하고자 하는 목록이 없습니다.");
        return false;
    }
}

function ChkRevSelect(form){  
//체크박스 선택반전
    var value;
    if( document.all['check'] == '[object]'){
        for ( var i = 0 ; i < form.check.length ; i++ ){
            var select_mode = form.check[i].checked;
            if ( select_mode == 0 ){
                value = true;
                select_mode = 1;
            }else{
                value = false;
                select_mode = 0;
            }
            form.check[i].checked = value;
        }
        return false;
    }else{
        alert("선택하고자 하는 목록이 없습니다.");
        return false;
    }
}

//-->
</SCRIPT>

<form type="post" name="myForm">

     <input type="checkbox" value="1" name="check"> 첫번째 체크박스<br>

     <input type="checkbox" value="2" name="check"> 두번째 체크박스<br>

     <input type="checkbox" value="3" name="check"> 세번째 체크박스<br>

     <input type="button" value="모두선택" onclick="ChkAllSelect(this.form)">

     <input type="button" value="모두해제" onclick="ChkAllUnSelect(this.form)">

     <input type="button" value="선택반전" onclick="ChkRevSelect(this.form)">

</form>