JavaScript例子3-对多选框进行操作，输出选中的多选框的个数

 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>