js在处理表单的时候经常会用到全选和反选这些,全部不选中实际上可以通过全选然后反选即可,看看代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS复选框全选反选</title> <style type="text/css"> #lyg_tb td{border:1px solid #339933; border-width:0 1px 1px 0; padding:2px;/*加上padding可以使表格好看些*/} </style> </head> <body> <div id="lyg_tb"> <table width="200" cellpadding="0" cellspacing="0" style="border:1px solid #339933; border-width:1px 0 0 1px;"> <tr> <td><input type="checkbox" name="cid" value=""/></td> <td>01</td> <td>02</td> </tr> <tr> <td><input type="checkbox" name="cid" value=""/></td> <td>03</td> <td>04</td> </tr> </table> <p><input type="button" value="全选" onclick="CheckAll('1')"> <input type="button" value="反选" onclick="CheckAll('0')"></p> </div> </body> <script type="text/javascript"> function CheckAll(obj) { //全部不选中只需全选再反选 var cks=document.getElementsByName('cid');//得到所有name="cid"的复选框 if(obj=="1") { for(var i=0;i<cks.length;i++) { cks[i].checked=true; } }else { for(var i=0;i<cks.length;i++) { cks[i].checked=!cks[i].checked; } } } </script> </html>
复制代码,然后新建个记事本,将以上代码黏贴进去,然后将文件后缀改为 ".htm",然后打开看效果哈