6.獲取所有復選框的value
阿新 • • 發佈：2017-11-17
sport ansi 使用 spa tle ack 提交 gb2312 byname
（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 //遍歷數組，獲取每一個復選框節點，在獲取復選框節點的value16 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