码迷,mamicode.com
首页 > 其他好文 > 详细

对多选框进行操作,输出选中的多选框的个数

时间:2015-12-12 20:07:23      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="textml; charset=utf-8">
 5 <title></title>
 6 <script type="text/javascript">
 7 /*
 8 * 步骤:
 9 * 1.新建一个空数组
10 * 2.获取name为“check”的多选款
11 * 3.循环判断多选框是否被选中,如果被选中则添加到数组里
12 * 4.获取输出按钮,然后为按钮添加onclick事件,输出数组的长度
13 * */
14 window.onload = function () {
15 //获取ID为btn的元素
16 var btn = document.getElementById("btn");
17 //给元素添加onclick事件
18 btn.onclick = function () {
19 //新建一个空数组
20 var arrays = new Array();
21 //获取name为check的一组元素
22 var items = document.getElementsByName("check");
23 //循环这组数组
24 for (i = 0; i < items.length; i++) {
25 //判断是否选中
26 if (items[i].checked) {
27 //把符合条件的数组添加到数组中
28 arrays.push(items[i].value);
29 }
30 }
31 alert("选中的个数为:" + arrays.length);
32 }
33 }
34 </script>
35 </head>
36 <body>
37 <form method="post" action="#">
38 <input type="checkbox" value="1" name="check" checked="checked"/>
39 <input type="checkbox" value="2" name="check"/>
40 <input type="checkbox" value="3" name="check" checked="checked"/>
41 <input type="button" value="你选中的个数" id="btn"/>
42 </form>
43 </body>
44 </html>

 

对多选框进行操作,输出选中的多选框的个数

标签:

原文地址:http://www.cnblogs.com/beiz/p/5041643.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!