jQuery .on() click запускается корректно только один раз

Question

Я создал следующий небольшой код для репликации проблемы, с которой я столкнулся. Когда я нажимаю кнопку «Выбрать все» в первый раз, он отлично работает. Аналогично, когда я нажимаю кнопку «Выбрать нет», она работает нормально. Но когда я снова нажимаю «Выбрать все», это не сработает. Аналогично, если я .пути() div и повторно заполняю его кнопкой «Click Me». Обе кнопки работают только в первый раз. Мой JQuery код выглядит следующим образом:

$("#populate").click(function() { 
    $("#populateme").empty(); 
    $("#populateme").html("<input type=checkbox name=tester1 class=tester value=1><input type=checkbox name=tester2 class=tester value=2><input type=checkbox name=tester2 class=tester value=3><input type=button name=selectall id=selectall value=selectall><input type=button name=selectnone id=selectnone value=selectnone>"); 
}); 
$(document).on("click","#selectall",function() { 
    $(".tester").attr("checked",true); 
}); 
$(document).on("click","#selectnone",function() { 
    $(".tester").attr("checked",false); 
}); 

Вы можете просмотреть эту проблему по следующей ссылке: http://jsfiddle.net/RHFMT/1/

Answer 1

Использование prop вместо attr, чтобы установить и очистить checked состояние, как это:

$(document).on("click","#selectall",function() { 
    $(".tester").prop("checked",true); 
}); 
$(document).on("click","#selectnone",function() { 
    $(".tester").prop("checked",false); 
}); 

Подробнее см. Здесь: Setting "checked" for a checkbox with jQuery?