在动态创建的字段上设置单选按钮值

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); 
}); 

还记得ID必须是唯一，你的代码生成重复的ID