js控制Checkbox全选(test)

悟静 2012-02-01

展开全文

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www./1999/xhtml">
<head runat="server">
    <title>无标题页</title>
   <script type="text/javascript">
    function selcheck()
    {
        var objs=document.getElementsByTagName("input");
        for(var i=0;i<objs.length;i++)
        {
            if(objs[i].type.toLowerCase() == "checkbox")
                objs[i].checked = true;
        }
    }
    function clearcheck()
    {
        var objs=document.getElementsByTagName("input");
        for(var i=0;i<objs.length;i++)
        {
            if(objs[i].type.toLowerCase()=="checkbox")
                objs[i].checked=false;
        }
    }
   </script>

</head>
<body>
    <form id="a" action="">
        <table>
            <tr><td><input type="checkbox" name="1" value="a" /></td></tr>
            <tr><td><input type="checkbox" name="2" value="vb" /></td></tr>
            <tr><td><input type="checkbox" name="3" value="c" /></td></tr>
        </table>
         <br />
        <input type="button" name="select" value="全选" onclick="selcheck()"/> <input type="button" name="select" value="取消" onclick="clearcheck()"/>
    </form>
</body>
</html>
注意checkbox 的 name 的规律