'체크박스'에 해당되는 글 2건

  1. 2008.02.12 체크박스 전체선택/해제 2
  2. 2008.02.01 체크박스 전체선택 / 전체해제
<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>

Posted by 알 수 없는 사용자
,
http://oxtag.com/html/ex/ex/ex4.html

  1. <SCRIPT LANGUAGE="JavaScript">
  2. <!--
  3. function allcheck(formname,boxname,bool) {
  4.     form = eval(formname) ;
  5.     flen = form.elements.length ;
  6.     for( i=0 ; i<flen ; i++ ) {
  7.      if(form.elements[i].name == boxname ) {
  8.              form.elements[i].checked = bool ;
  9.          }
  10.         }
  11. }
  12. //-->
  13. </SCRIPT>
  14. <center>
  15. <FORM name = 'ff' METHOD=get ACTION="form.asp" target="_blank">
  16. <INPUT TYPE="checkbox" NAME="arr" value='a1'>a1<br>
  17. <INPUT TYPE="checkbox" NAME="arr" value='a2'>a2<BR>
  18. <INPUT TYPE="checkbox" NAME="arr" value='a3'>a3<BR>
  19. <INPUT TYPE="checkbox" NAME="arr" value='a4'>a4<BR>
  20. <INPUT TYPE="checkbox" NAME="arr" value='a5'>a5<p>
  21. </FORM>
  22. <a href='javascript:allcheck("ff","arr",true)'>모두체크</a> |
  23. <a href='javascript:allcheck("ff","arr",false)'>모두해제</a>
Posted by 알 수 없는 사용자
,