jQuery Управление событиями checkbox с .live()

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"]