jquery - 开关 - 复选框

Question

在以下代码中 - 我如何执行检查和取消检查。现在它只做一件事：

    $('#div_group').click(function() {
        var status = $(this).attr('checked');
        if( ! status) {
        status = false;
        }
        $("input[id~='div_group']").attr('checked', true);

    });

Answer 1

您需要使用 prop 而不是 attr。尝试...

$("input[id~='div_group']").prop('checked', true);

然后取消选中它设置true为false

Answer 2

使用.prop代替.attr：

$('#div_group').click(function() {
    var $this = $(this);

    $("input[id~='div_group']").prop('checked', $this.is(':checked'));
});

为什么？http://api.jquery.com/prop/

Answer 3

您可以.is()在这种情况下使用来查看:checked元素的属性。这样做之后，您应该使用将元素.prop()的属性分别设置为true或false。 :checked

$('#div_group').on('click', function() {
    if($(this).is(':checked')) {
         $("input[id~='div_group']").prop('checked', false);
    } else {
         $("input[id~='div_group']").prop('checked', true);
    }
});