Javascript 勾选所有复选框，如果勾选了一项，则反向选择

我有一个带有多组复选框的表单。我在每个组中都有一个复选框，它是“全选/取消全选”复选框。我一直在使用下面的函数对每个输入项（一个按钮）设置selectall-DecelAll和Changed类。如果从列表中选择了一个不是checkall复选框的项目，那么删除复选框的checkall选择以及删除和添加类的最佳方法是什么？如果选择了所有复选框或checkall复选框，那么最好的方法是反向的。我一直将$（this）作为变量保存。这会成为一个问题吗

.html

---

为处理程序非复选框添加另一个处理程序

$('.panel-body input[type="checkbox"]:not(.checkall)').change(function () {
    var $this = $(this),
        $body = $this.closest('.panel-body');
    var $allBoxes = $body.find(':checkbox:not(.checkall)');
    $body.find('.checkall').prop('checked', $allBoxes.not(':checked').length == 0);
})

---

演示：

为处理程序非复选框添加另一个处理程序

$('.panel-body input[type="checkbox"]:not(.checkall)').change(function () {
    var $this = $(this),
        $body = $this.closest('.panel-body');
    var $allBoxes = $body.find(':checkbox:not(.checkall)');
    $body.find('.checkall').prop('checked', $allBoxes.not(':checked').length == 0);
})

---

演示：

为处理程序非复选框添加另一个处理程序

$('.panel-body input[type="checkbox"]:not(.checkall)').change(function () {
    var $this = $(this),
        $body = $this.closest('.panel-body');
    var $allBoxes = $body.find(':checkbox:not(.checkall)');
    $body.find('.checkall').prop('checked', $allBoxes.not(':checked').length == 0);
})

---

演示：

为处理程序非复选框添加另一个处理程序

$('.panel-body input[type="checkbox"]:not(.checkall)').change(function () {
    var $this = $(this),
        $body = $this.closest('.panel-body');
    var $allBoxes = $body.find(':checkbox:not(.checkall)');
    $body.find('.checkall').prop('checked', $allBoxes.not(':checked').length == 0);
})

---

演示：

使用此javascript

$(document).ready(function () {
    $(".checkall").click(function () {
        $(".classofcheckbox").prop('checked', $(this).prop('checked'));
    });
});

---

使用此javascript

$(document).ready(function () {
    $(".checkall").click(function () {
        $(".classofcheckbox").prop('checked', $(this).prop('checked'));
    });
});

---

使用此javascript

$(document).ready(function () {
    $(".checkall").click(function () {
        $(".classofcheckbox").prop('checked', $(this).prop('checked'));
    });
});

---

使用此javascript

$(document).ready(function () {
    $(".checkall").click(function () {
        $(".classofcheckbox").prop('checked', $(this).prop('checked'));
    });
});

---

这台机器工作得很好。我唯一需要添加

.removeClass（'btn-custom'）.addClass（'btn-default'）

到所选元素和checkall元素，然后在checkall激活时反向添加

。removeClass（'btn-default'）。addClass（'btn-custom'）

，就是它！谢谢这工作做得很好。我唯一需要添加

.removeClass（'btn-custom'）.addClass（'btn-default'）

到所选元素和checkall元素，然后在checkall激活时反向添加

。removeClass（'btn-default'）。addClass（'btn-custom'）

，就是它！谢谢这工作做得很好。我唯一需要添加

.removeClass（'btn-custom'）.addClass（'btn-default'）

到所选元素和checkall元素，然后在checkall激活时反向添加

。removeClass（'btn-default'）。addClass（'btn-custom'）

，就是它！谢谢这工作做得很好。我唯一需要添加

.removeClass（'btn-custom'）.addClass（'btn-default'）

到所选元素和checkall元素，然后在checkall激活时反向添加

。removeClass（'btn-default'）。addClass（'btn-custom'）

，就是它！谢谢