首页 > 其他 > 详细

6.获取所有复选框的value

时间:2017-11-17 22:12:11      阅读:217      评论:0      收藏:0      [点我收藏+]

(1).首选通过复选框的name来获取所有的复选框,即使用getElementsByName();

(2).然后在获取每一个复选框节点,

(3)通过每一个复选框节点来获取每一个复选框的value

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2 "http://www.w3.org/TR/html4/loose.dtd">
 3 <html>
 4 <head>
 5 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 6 <title>获取所有复选框的value</title>
 7 <script type="text/javascript">
 8 
 9     function getAllCheckboxValue(){
10     
11         //获取所有的复选框
12         //通过name获取所有的控件,name在同一个HTML页面中也是可以重名的
13         var checkboxes=document.getElementsByName("Interest");
14         
15         //遍历数组,获取每一个复选框节点,在获取复选框节点的value
16         for(var i=0;i<checkboxes.length;i++){
17         
18             var checkbox=checkboxes[i];
19             alert(checkbox.value);
20         
21         }
22         
23         //通过标签获取元素用getElementsByTagName();
24         alert(document.getElementsByTagName("input").length);
25     
26     }
27 
28  </script>
29 </head>
30 
31 <body>
32 
33     运动<input type="checkbox" name="Interest" value="sport"/>
34     音乐<input type="checkbox" name="Interest" value="music"/>
35     美食<input type="checkbox" name="Interest" value="food"/>
36     睡觉<input type="checkbox" name="Interest" value="sleep"/>
37     跳舞<input type="checkbox" name="Interest" value="dance"/>
38     </br>
39     <input type="button" value="提交" onclick="getAllCheckboxValue();"/>
40 </body>
41 </html>

 

6.获取所有复选框的value

原文:http://www.cnblogs.com/xuzhiyuan/p/7853580.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!