单选全选按钮事件

最新推荐文章于 2022-10-18 19:25:11 发布

weixin_46389498

最新推荐文章于 2022-10-18 19:25:11 发布

阅读量162

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_46389498/article/details/104685904

版权

	<input type="checkbox" class="checkAll">全选
    <input type="checkbox" class="checkSingle"> 选项一
    <input type="checkbox" class="checkSingle"> 选项二
    <input type="checkbox" class="checkSingle"> 选项三
    <input type="checkbox" class="checkSingle"> 选项四

全选

$('.checkAll').click(function () {
            let isChecked = $(this).prop('checked');
            $('.checkSingle').prop('checked', isChecked)
        })

单选

$('.checkSingle').click( function () {
            let isAllChecked = true
            $('.checkSingle').each(function (i, v) {
                if (!v.checked) {
                    isAllChecked = false
                }
            })
            $('.checkAll').prop('checked', isAllChecked)
        })