复选框全选,全不选

来源:互联网 发布:如何开通淘宝达人账号 编辑:程序博客网 时间:2024/05/22 14:33

<html>
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
     <title>全选</title>
        <script type="text/javascript">
    function checkAll()
    {
     var allcheckbox=document.getElementsByName('checkbox1');
     for(var i=0;i<allcheckbox.length;i++)
     {          
      if(allcheckbox[i].type="checkbox")
      {
       allcheckbox[i].checked=window.event.srcElement.checked//srcElement指的是wIndow事件的源
      }
     }
    }
  </script>
    </head>
    <body>
    <form method="post" name="myform">
        <input type="checkbox" name="checkbox2" onclick="checkAll('true')" />全选<br/>  
      <input type="checkbox" name="checkbox1" />跑步<br/>
            <input type="checkbox" name="checkbox1" />运动<br/>
            <input type="checkbox" name="checkbox1" />游泳<br/>
            <input type="checkbox" name="checkbox1" />打篮球<br/>
            <input type="checkbox" name="checkbox1" />乒乓<br/>
            <input type="checkbox" name="checkbox1" />走路<br/>
            <input type="checkbox" name="checkbox1" />散步<br/>
            <input type="checkbox" name="checkbox1" />呼吸<br/>
         
    </form>
 </body>
<html>