Как получить значение динамически созданного переключателя в JQuery

Question

Вот код более подробно. Я все еще не знаю. Я понимаю, если я получу undefined в первый раз, когда я нажму следующую кнопку, потому что пользователь не выбрал радиокнопку.

var index = 0; 

    function updateAnswers(t) { 
     for(i=1;i<answers.length;i++){ 
      $("#answerTable").append("<tr><td>" + String.fromCharCode(64+i) + ")<input type='radio' id='ans'" + i + "' name='ansRadio' value='" + String.fromCharCode(64+i) + "' />" + answers[t][i] + "</td></tr>"); 
     } 

}

$("#dialog-form").dialog({ 
     autoOpen: false, 
     height: 600, 
     width: 750, 
     modal: true, 
     buttons: { 
      "Next": function() {      
       updateAnswers(index); 
       $("#testanswers tbody").append("<tr><td>" + $("input[type='radio'][name='ansRadio']:checked").val()) + "</td></tr>"); 
       index++;     
      } 
     }   

});

<div id="dialog-form"> 
    <form> 
    <table id="answerTable">    
    </table> 
    </form> 
</div> 


    <table id="testanswers" class="ui-widget ui-widget-content"> 
     <thead> 
      <tr class="ui-widget-header "> 
       <th>Answer</th> 
      </tr> 
     </thead> 
     <tbody>    
     </tbody> 
    </table> 

Answer 1

Глядя ваш код, я думаю, что вы не добавляете значение радио в правильном положении стола нужно создать строку и седловины

Изменение по:

function() {      
    $("#testanswers tbody").append("<tr><td>" + $("input[type='radio'][name='ansRadio']:checked").val() + "</td></tr>"); 

} 

Или:

function() {      
     $("#specificColId").append($("input[type='radio'][name='ansRadio']:checked").val()); 
}