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

Question

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

$("#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); 
});