3710人加入学习
(6人评价)
Web前端第三季(JavaScript)

制作完成于2018年6月14日

价格 免费
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>全选</title>
    <script type="text/javascript">
        function selectAll(choiceBtn){
            // document.getElementsByTagName();
            var arr = document.getElementsByName("choice");
            for(var i=0;i<arr.length;i++){
                arr[i].checked = choiceBtn.checked;
            }
        }
    </script>
</head>
<body>
    <table border="1" width="800px" height="800px">
        <tr>
            <td><input type="checkbox" onclick="selectAll(this)" />全选</td><td>用户名</td><td>邮箱</td><td>电话号码</td><td>性别</td><td>操作</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="choice" /></td><td>siki</td><td>804632564@qq.com</td><td>804632564</td><td>男</td><td>发邮件 封号 编辑</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="choice" /></td><td>siki</td><td>804632564@qq.com</td><td>804632564</td><td>男</td><td>发邮件 封号 编辑</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="choice" /></td><td>siki</td><td>804632564@qq.com</td><td>804632564</td><td>男</td><td>发邮件 封号 编辑</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="choice" /></td><td>siki</td><td>804632564@qq.com</td><td>804632564</td><td>男</td><td>发邮件 封号 编辑</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="choice" /></td><td>siki</td><td>804632564@qq.com</td><td>804632564</td><td>男</td><td>发邮件 封号 编辑</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="choice" /></td><td>siki</td><td>804632564@qq.com</td><td>804632564</td><td>男</td><td>发邮件 封号 编辑</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="choice" /></td><td>siki</td><td>804632564@qq.com</td><td>804632564</td><td>男</td><td>发邮件 封号 编辑</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="choice" /></td><td>siki</td><td>804632564@qq.com</td><td>804632564</td><td>男</td><td>发邮件 封号 编辑</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="choice" /></td><td>siki</td><td>804632564@qq.com</td><td>804632564</td><td>男</td><td>发邮件 封号 编辑</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="choice" /></td><td>siki</td><td>804632564@qq.com</td><td>804632564</td><td>男</td><td>发邮件 封号 编辑</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="choice" /></td><td>siki</td><td>804632564@qq.com</td><td>804632564</td><td>男</td><td>发邮件 封号 编辑</td>
        </tr>
    </table>
</body>
</html>

--------------------全选和全不选操作
1,如果获得所有的复选框
document.getElementsByName("name")
2,获得设置复选框的状态
ele.checked
ele.checked=true/false;

[展开全文]

授课教师

SiKi学院老师

课程特色

下载资料(1)
视频(60)