6.获取所有复选框的value-CSDN博客

（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>