인터넷정보

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

알 수 없는 사용자 2007. 10. 18. 14:12
<script>
var chk;
chk=false;
function CheckAll()
{
        if (!chk){
                for (i=0;i<document.list.length;i++)
                {
                        if(document.list[i].type=='checkbox')
                   {
                                document.list[i].checked=true;
                        }
                }               
                chk=true;
                //window.open("test.html","cart","width=260,height=180,toolbars=no,resize=no,scrollbars=no");
        }
        else
        {
                for (i=0;i<document.list.length;i++)
                {
                        if(document.list[i].type=='checkbox')
                        {
                                document.list[i].checked=false;
                        }
                }
                chk=false;
        }
}
</script>

<form name=list>
<input type=checkbox name=cart value="1">

<input type=checkbox name=cart value="2">

<input type=checkbox name=cart value="3">

</form>
<a onclick='javascript:CheckAll();' style=cursor:hand>전체선택 및 해제</a>

<br><br>

또는 form이 없는 경우...

<br><br>

<script>
var chk;
chk=false;
function CheckAll2()
{
        if (!chk){
                for (i=0;i<document.all.length;i++)
                {
                        if(document.all[i].type=='checkbox')
                   {
                                document.all[i].checked=true;
                        }
                }               
                chk=true;
                //window.open("test.html","cart","width=260,height=180,toolbars=no,resize=no,scrollbars=no");
        }
        else
        {
                for (i=0;i<document.all.length;i++)
                {
                        if(document.all[i].type=='checkbox')
                        {
                                document.all[i].checked=false;
                        }
                }
                chk=false;
        }
}
</script>

<input type=checkbox name=cart2 value="1">

<input type=checkbox name=cart2 value="2">

<input type=checkbox name=cart2 value="3">

<a onclick='javascript:CheckAll2();' style=cursor:hand>전체선택 및 해제</a>

반응형