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()已弃用。使用事件委托语法：

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

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