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')"> &nbsp; <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",然后打开看效果哈