实现全选功能的代码

 <html>
<head>
<title>实现全选的功能</title>
<script language="javascript">
 function  selectAll(boolValue){
 var allCheck=document.getElementsByName("dog");
 for(var i=0;i<allCheck.length;i++){
  if(allCheck[i].type=="checkbox"){
   allCheck[i].checked=boolValue;
  }
   
 }
}
</script>
</head>

<body>
<form name="myform">
 <table>
  <tr>
   <td><input type="checkbox" name="dog" value="第一条狗" checked="checked">第一条狗</td>
  </tr>
  <tr>
   <td><input type="checkbox" name="dog" value="第二条狗">第二条狗</td> 
  </tr>
  <tr>
   <td><input type="checkbox" name="dog" value="第三条狗">第三条狗</td>
  </tr>
  <tr>
   <td><a href="javascript:selectAll(true)">全选</a></td>
   <td><a href="javascript:selectAll(false )">全不选</a></td>
  </tr>
 </table>
</form>
</body>
</html>

你可能感兴趣的:(实现全选功能的代码)