使用.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"]