checkbox全部选中或者取消

来源：互联网发布：sql server group by 编辑：程序博客网时间：2024/06/11 08:36
<html><head>  <script type="text/javascript">       function checkAll(field){         var checkboxes = document.getElementsByName("choice");         for(var i=0;i<checkboxes.length;i++){         checkboxes[i].checked = field.checked;          }      }        </script>  </head>    <body>   <div><table width="100%" border="1" cellpadding="1" style="text-align:center">  <tr>    <td><input id="allchecked" type="checkbox" onclick="checkAll(this);">全选</td>    <td><b>产品名称</b></td>    <td><b>价格（元）</b></td>    <td><b>数量</b></td>  </tr>  <tr>    <td><input name="choice" type="checkbox"></td>    <td>李宁</td>    <td>300</td>    <td>500</td>  </tr>  <tr>    <td><input name="choice" type="checkbox"></td>    <td>耐克</td>    <td>600</td>    <td>500</td>  </tr>  <tr>    <td><input name="choice" type="checkbox"></td>    <td>以纯</td>    <td>200</td>    <td>500</td>  </tr>  <tr>    <td><input name="choice" type="checkbox"></td>    <td>森马</td>    <td>200</td>    <td>500</td>  </tr>  <tr>    <td><input name="choice" type="checkbox"></td>    <td>美特</td>    <td>200</td>    <td>500</td>  </tr>  <tr>    <td><input name="choice" type="checkbox"></td>    <td>真维斯</td>    <td>200</td>    <td>500</td>  </tr></table></div>     </body></html>