（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>
时间： 2024-10-10 00:00:58