1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <script> 5 function myFunction() 6 { 7 var oTab = document.getElementsByTagName("input");//获取所有input元素 8 for(var i=0 ; i<oTab.length;i++) 9 { 10 if(oTab[i].checked==true) oTab[i].checked = false; 11 else oTab[i].checked = true; 12 } 13 }; 14 </script> 15 </head> 16 <body> 17 <div > 18 <button id="div1" onclick="myFunction()">反选</button> 19 <table> 20 <tr><td><input type="checkbox">第一个</td></td></tr> 21 <tr><td><input type="checkbox">第二个</td></td></tr> 22 <tr><td><input type="checkbox">第三个</td></td></tr> 23 <tr><td><input type="checkbox">第四个</td></td></tr> 24 <tr><td><input type="checkbox">第五个</td></td></tr> 25 <tr><td><input type="checkbox">第六个</td></td></tr> 26 </table> 27 </div> 28 29 </body> 30 </html>