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

时间:2013-11-29 12:31:08

标签: jquery html dynamic radio-button

以下是更详细的代码。我还是没定义。我知道如果我第一次点击下一个按钮时未定义,因为用户没有选择单选按钮。

    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>

1 个答案:

答案 0 :(得分:0)

查看你的代码我认为你没有在表的正确位置添加无线电值,你需要创建一行和col

更改:

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