在JQuery中处理动态创建的单选按钮的事件

Question

我有一个Jquery代码，动态创建两个单选按钮＆＃39;是＆＃39;和＆＃39;不＆＃39; 。如果我点击“是”＆＃39;应该动态创建一个文本框。如何处理这些单选按钮的单击/更改事件？

    $("#rad").click(function(){
    var $ctrl = $('<input/>').attr({ type: 'radio', name:'opt', val:'yes' }).addClass("option1");

    $("#holder").append($ctrl);    
    $("#holder").append("Yes");

    var $ctrl = $('<input/>').attr({ type: 'radio', name:'opt', val:'no'}).addClass("option1");
    $("#holder").append($ctrl);   
    $("#holder").append("No");

    });
     $("input[name='opt']").on("change", function () {
      var $ctrl = $('<input/>').attr({ type: 'text', name:'text', value:'text'}).addClass("text");
      $("#holder").append($ctrl);
    });

但事件并没有被解雇。

Answer 1

这是你想要的吗？

$("input[name='radio']").on("change", function () {
   alert(this.value);
});