开关 - 复选框

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()将元素的:checked属性设置为 true 或 false <分别是/ em> 。

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