6.获取所有复选框的value
Posted xzy不会飞的地板流
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了6.获取所有复选框的value相关的知识，希望对你有一定的参考价值。
（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的主要内容，如果未能解决你的问题，请参考以下文章