进行单选的全选和反选
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>选择框</title> 6 <script type="text/javascript"> 7 function checkAll(){ 全选 8 var qxchecked=document.getElementById("qx").checked; 9 var noodle=document.getElementsByName("noodle"); 10 for (var i = 0; i < noodle.length; i++) { 11 noodle[i].checked=qxchecked; 12 } 13 } 14 15 function checkNot(){ 反选 16 var noodle=document.getElementsByName("noodle"); 17 for (var i = 0; i < noodle.length; i++) { 18 noodle[i].checked=!noodle[i].checked; 19 } 20 } 21 22 </script> 23 24 </head> 25 <body> 26 27 <input type="checkbox" id="qx" onclick="checkAll()">全选/全不选 28 <input type="checkbox" id="fx" onclick="checkNot()">反选<br/> 29 30 <input type="checkbox" name="noodle" value="1">兰州拉面<br/> 31 <input type="checkbox" name="noodle" value="2">河南烩面<br/> 32 <input type="checkbox" name="noodle" value="3">广州细蓉<br/> 33 <input type="checkbox" name="noodle" value="4">陕西臊子面<br/> 34 35 36 </body> 37 </html>