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