html - 使用 .live() 处理 jQuery Checkbox 事件

Question

这里是 jQuery 的新手。我有一个复选框，它是通过 jQuery 中的以下代码动态添加的:

.html("<input type='checkbox' class='checkbox' value='7.5'>");

我希望能够在单击复选框时最终调用一个函数。我试过使用这两种代码变体: 对于类复选框:

$(".checkbox").live('click', function() {
    alert('test');
});

或调用所有复选框:

$(":checkbox").live('click', function() {

    alert('test');
});

这根本不起作用。有任何想法吗？ 非常感谢!

Answer 1

.live() 已弃用。使用事件委托(delegate)语法:

$(document).on('change', 'input[type="checkbox"]', function(e) {
    alert(e);
});

将 document 替换为绑定(bind)事件处理程序时存在的最近父元素的选择器。我还建议不要使用 :checkbox，因为它是一个非本地选择器，并且会比 input[type="checkbox"]

慢