如何在 JQuery 中获取动态创建的单选按钮的值

Question

这是更详细的代码。 我仍然不确定。 我知道我第一次点击下一步按钮时是否未定义，因为用户没有选择单选按钮。

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