通过js代码实现复选框的全选/全不选

最新推荐文章于 2022-08-28 20:54:31 发布

xiao____ming

最新推荐文章于 2022-08-28 20:54:31 发布

阅读量1k

点赞数 2

文章标签： javascript

本文链接：https://blog.csdn.net/xiao____ming/article/details/106783189

版权

通过勾选“全选/全不选”这个复选框，实现多个复选框的全选/全不选
1、“全选/全不选”复选框的代码：

<td align="center" width="5%"><input type="checkbox" onclick="checkAll()" id="ckAll"/>全选/全不选</td>

2、其余多个复选框的代码：

td align="center" width="5%"><input type="checkbox" name="ckBookId" /></td>

3、js方法checkAll()的代码：

	function checkAll() {
 //获取"ckAll"标签
    var ckAllTag = document.getElementById("ckAll");
    //获取"ckAll"标签的状态（是否勾选）
    var checkState = ckAllTag.checked;
    //获取所有书的复选框并封装到数组
    var ckBookIds = document.getElementsByName("ckBookId");
    for(var i = 0;i<ckBookIds.length;i++){
        ckBookIds[i].checked = checkState;
    }
}