复选框实现全选全不选操作

最新推荐文章于 2023-05-03 22:13:01 发布

跨时空思念ღ

最新推荐文章于 2023-05-03 22:13:01 发布

阅读量677

点赞数 1

文章标签： javascript 开发语言 ecmascript html5

本文链接：https://blog.csdn.net/xian_hu/article/details/121486325

版权

实现复选框全选全不选操作只需要一行代码即可

直接上代码：

//主复选框
<input type="checkbox" id="btn">
//次复选框
<input type="checkbox" class="btns">
//使用JS完成全选全不选操作
<script>
    //给主复选框设置点击事件
    $("#btn").click(function ()
    {
       //给次复选框设置checked属性，第一个参数为当前元素的索引值，第二个参数为原先的属性值
       $(".btns").prop("checked",$(this).prop("checked"));
    });
</script>