js判断复选框的数量

来源:互联网 发布:网络拓扑图基本结构 编辑:程序博客网 时间:2024/05/22 02:10
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<script type="text/javascript">
      //获取复选框的数量
          function doit(){
          var checks=document.getElementsByName("checkbox");
          n=0;
          for(i=0;i<checks.length;i++){
          if(checks[i].checked)
          n++;
          }
          alert("选中的个数::"+n);
          }
 

</script>
</head>
<body>

<input type="checkbox" name="checkbox" value="1"> 选项1
<input type="checkbox" name="checkbox" value="2"> 选项2
<input type="checkbox" name="checkbox" value="3"> 选项3
<input type="checkbox" name="checkbox" value="4"> 选项4
<input type="checkbox" name="checkbox" value="5"> 选项5
<input type="checkbox" name="checkbox" value="6"> 选项6<br>
    <input type="button" value="确定" onclick="doit()">
    
</body>
</html>
0 0
原创粉丝点击