Jquery 开关-复选框

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

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

    });

---

你需要使用道具而不是属性。 试试看

---

然后要取消选中它，请将

true

设置为

false

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

然后要取消选中它，请将

true

设置为

false

，在这种情况下，您可以使用它查看元素的

：checked

属性。执行此操作后，应使用将元素的

：checked

属性分别设置为true或false

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

在这种情况下，可以使用查看元素的

：checked

属性。执行此操作后，应使用将元素的

：checked

属性分别设置为true或false

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

---

使用

.prop

代替

.attr

：

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

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

---

为什么?

使用

.prop

而不是

.attr

：

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

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

为什么?