checkbox复选框的全选与反选

来源:互联网 发布:烈焰功勋gs源码下载 编辑:程序博客网 时间:2024/04/30 20:28
 
<html>  
<head>  
<title>checkbox的全选与反选</title>  
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">  
<script>
function allChecked() {
 var checkboxs=document.getElementsByName("choose");
 for (var i=0;i<checkboxs.length;i++) {
  var e=checkboxs[i];
  e.checked=!e.checked;
 }
}
</script>
</head>
 
<body>     
<input type="checkbox" name="choose">1
<input type="checkbox" name="choose">2
<input type="checkbox" name="choose"/>3
<input type="checkbox" name="choose"/>4<br/>
<input type="checkbox" onclick="allChecked()"/>全选/取消
</body>  
</html> 
0 0