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

Question

如何检查单选按钮是否被选中，然后在动态创建这些字段时为其分配值。

这是我尝试过的 JQuery:

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

但它没有为动态字段设置值，如example所示.

Answer 1

您必须像这样委托(delegate)您的事件: DEMO

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

还要记住id 必须是唯一的，您的代码会生成重复的 id