单选全选按钮事件

	<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)
        })
发布了7 篇原创文章 · 获赞 0 · 访问量 68

猜你喜欢

转载自blog.csdn.net/weixin_46389498/article/details/104685904