javascript - 检查当前和以前的复选框

Question

老实说，我对 jquery 和 javascript 还很陌生，我在使用复选框时遇到了麻烦。

这是因为 #checkAll 是一个复选框，用于检查所有其他具有“check”类的复选框:

function test() {
if($("#checkAll").prop('checked')) {
    $(".check").prop('checked', true);
} else {
    $(".check").prop('checked', false);
}
}

但是，我希望它在我选中任何复选框时起作用。所以我尝试将函数作为点击事件放在所有复选框中，只使用 onclick="test()"。

我认为问题在于我正在尝试使用 $(this) 但我一定是错误地使用了它，我所拥有的是:

function test() {
if($(this).prop("checked")) {
    $(".check").prop("checked", true);
} else {
    $(".check").prop("checked", false);
}
}

“$(this)”也有类“check”，所以可能与此有关。

最终我想选中一个复选框，它会选中所有之前的复选框，而不是之后出现的复选框。我想如果我明白为什么这不起作用，那么我应该能够弄清楚。我不懒惰，只是在学习!!

我已经搜索过答案，但找不到。我希望有人能提供帮助。

提前致谢!

Answer 1

当您执行 onclick="test()" 时，您会在全局上下文中调用 test()，因此 this 将设置为 window，而不是您的 DOM 元素。您可以通过多种方式解决此问题。

你可以 D4V1D's solution , 传递一个参数。

您还可以使用 test.call(this) 手动强制上下文成为 DOM 元素。

您还可以通过 jQuery 而不是作为属性附加事件处理程序:

$(".check").click(test);

jQuery 将使用正确的上下文自动调用回调。

顺便说一句，我建议你看看prevAll下一步要做什么。