jquery - 如何在 jQuery 中的复选框数组上设置监听器？

Question

情况:

尝试用以下方法“收集”所有复选框:

let docChildPermissions = $('input.docPermission').not('.parent');

这有效。

现在我只想在这些复选框中的任何一个像这样更改时执行操作；

$(document).on('change', $(docChildPermissions), function() {
    console.log($(this));
});

但是在控制台中我得到了这个:

init [document, context: document]
0: document
context: document
length: 1
__proto__: Object(0)

这是“控制台记录”的整个文档，我只需要选定的复选框。

Answer 1

如果您检查documentation for on()您将看到选择器参数必须是字符串，而不是示例中的 jQuery 对象。这就是问题的原因。

要解决此问题，请将对象转换为字符串选择器，如下所示:

$(document).on('change', 'input.docPermission:not(.parent)', function() {
  console.log($(this));
});