在更改时附加未选中的复选框回调答案

【问题标题】：Attach not checked checkboxes callback on change在更改时附加未选中的复选框回调
【发布时间】：2012-03-25 19:15:10
【问题描述】：

所以我有一个带有复选框字段的网格视图。在 jquery 中，我想编写一个函数，在选中未选中的复选框时执行某些操作。

function clickAllSize() {
    alert("helloy");
}

$(document).ready(function () {
    $("input :checkbox:not(checked)").change(clickAllSize());
});

问题是该功能在页面加载时立即运行，在任何点击之前。后续检查/取消检查不会触发警报。

【问题讨论】：

【解决方案1】：

应该是这样的：

$(document).ready(function () {
    $('input[type="checkbox"]:not(checked)').change(clickAllSize);
});

因为 :checkbox 是 jQuery 扩展而不是 CSS 规范的一部分，使用 :checkbox 的查询无法利用原生 DOM querySelectorAll() 方法提供的性能提升。为了在现代浏览器中获得更好的性能，请改用 [type="checkbox"]。

Jquery 设计用于处理 0+ 选定元素，因此在调试 JQuery 代码时始终检查选择器长度：

var amount = $("input :checkbox:not(checked)").length;
alert(amount);  // -Probably 0...

【讨论】：

【解决方案2】：

去掉change(clickAllSize())后面的()

【讨论】：