javascript - jquery 复选框被选中/取消选中一次，如果我再试一次，它不起作用

Question

请检查fiddle

这是代码:

$(document).ready(function(){
        $('#main_chk').click(function(){    

            if(this.checked)
            {
                $(".chks").attr('checked', true);
            }
            else
            {
                $(".chks").removeAttr('checked');                                           
            }

        })
})

它第一次工作(您必须单击第一个复选框)，它会切换复选框，但如果您再试一次，它就不起作用

Answer 1

使用.change()和 .prop()相反。

$(document).ready(function () {
    $('#main_chk').change(function () {
        if (this.checked) {
            $(".chks").prop('checked', true);
        } else {
            $(".chks").prop('checked', false);
        }
    });
});

此外，您还可以按如下方式简化它。

$(document).ready(function () {
    $('#main_chk').change(function () {
        $(".chks").prop('checked', this.checked);
    })
})

See a live example here.

注意:id 属性必须是唯一的，请修复您的 HTML 标记。