其他分享
首页 > 其他分享> > 复选框实现全选全不选操作

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

作者:互联网

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

 

标签:checked,prop,全选,全不选,复选框,属性
来源: https://www.cnblogs.com/kukulin/p/16276697.html