1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="UTF-8">
6 <title></title>
7 <script type="text/javascript">
8 window.onload = function() { //页面所有元素加载完毕
9 var btn = document.getElementById("btn"); //获取id为btn的元素(button)
10 btn.onclick = function() { //给元素添加onclick事件
11 var arrays = new Array(); //创建一个数组对象
12 var items = document.getElementsByName("check"); //获取name为check的一组元素(checkbox)
13 for(i = 0; i < items.length; i++) { //循环这组数据
14 if(items[i].checked) { //判断是否选中
15 arrays.push(items[i].value); //把符合条件的 添加到数组中. push()是javascript数组中的方法.
16 }
17 }
18 alert("选中的个数为：" + arrays.length);
19 }
20 }
21 </script>
22 </head>
23
24 <body>
25 <form method="post" action="#">
26 <input type="checkbox" value="1" name="check" checked="checked" />
27 <input type="checkbox" value="2" name="check" />
28 <input type="checkbox" value="3" name="check" checked="checked" />
29 <input type="button" value="你选中的个数" id="btn" />
30 </form>
31 </body>
32
33 </html>