复选框选择所有切换功能

Question

我有多个复选框，第一个复选框值是全选。我的jQuery代码是

$(".checkboxFilter input:checkbox:first").change().toggle(function () {
        alert("inside first toggle");
        $(".checkboxFilter").find(':checkbox').prop("checked", true);
    }, function () {
        alert("inside second toggle");
        $(".checkboxFilter").find(':checkbox').prop("checked", false);
    });

问题是当我渲染页面时，默认情况下会选中全选按钮，但不会选中其他选项。当我再次单击全选复选框时，它选择全部，当我再次单击全选按钮时，它取消选择所有按钮，但仍然保持选中所有按钮。任何人都可以帮助我

Answer 1

请勿使用toggle，只需change即可。看看这个

正在使用 demo

$(".checkboxFilter input:checkbox:first").change(function () {
        $(".checkboxFilter").find(':checkbox').prop("checked", this.checked);
});

Answer 2

您应将默认状态“全选”设置为未选中或要检查的所有内容。