Установить значения переключателя в динамически создаваемых полях

Question

Как вы можете проверить, выбран ли переключатель, а затем назначить ему значение, когда эти поля создаются динамически.

Это JQuery я попробовал:

$('#want').change(function() { 
    $(this).closest('.from-group'). 
     val(($('#want').is(':checked')) ? "yes" : "no"); 
    var ans=$(this).val(); 
    alert(ans); 
}); 

Но она не устанавливает значение для динамических полей, как показано в этом example.

Answer 1

вы должны делегировать событие так: DEMO

$(document).on('change','#want',function() { 
    $(this).closest('.from-group'). 
    val(($('#want').is(':checked')) ? "yes" : "no"); 
    var ans=$(this).val(); 
    alert(ans); 
}); 

также помнить, что идентификаторы должны быть уникальными, ваш код генерирует дублированные идентификаторы