在动态生成的表格内创建单选按钮

Question

我在Ajax/Javascript中创建了一个应该保存一些返回值的动态表格。 在每行的开始处，我希望有一列单选按钮，可用于识别特定行。 如何在表格内创建单选按钮？ 感谢

这里是我的代码：

for (var i = 0; i < controller_data.length; i++) { 
    tr = $('<tr/>'); 


    // this is the row where the radio button should be 

    tr.append("<td> <input type="radio"> </td>"); 
    tr.append("<td>" + controller_data[i].id + "</td>"); 
    tr.append("<td>" + controller_data[i].question + "</td>"); 
    tr.append("<td>" + controller_data[i].image + "</td>"); 
    tr.append("<td>" + controller_data[i].answer1 + "</td>"); 
    tr.append("<td>" + controller_data[i].answer2 + "</td>"); 
    tr.append("<td>" + controller_data[i].answer3 + "</td>"); 
    tr.append("<td>" + controller_data[i].answer4 + "</td>"); 
    $('table').append(tr); 
} 

Answer 1

否则只有两排，它看起来像这样...

 tr.append("<td><input name='question1' type='radio' value='" + controller_data[i].answer1 + "'/>"+ controller_data[i].answer1 + "</td>"); 
    tr.append("<td><input name='question1' type='radio' value='" + controller_data[i].answer2 + "'/>"+ controller_data[i].answer2 + "</td>"); 

它是单选按钮名称组RAIDO按钮。同样，如你所说，你在单引号和双引号之间回到第四位，你不必做太多的转义。 此外，我在价值的答案，但如果你有一个答案ID，这实际上是放在那里的价值。

Answer 2

你可以这样做。

只是删除double quotes与single quotes取代它，否则将把radio作为变量

for (var i = 0; i < controller_data.length; i++) { 
tr = $('<tr/>'); 


// this is the row where the radio button should be 
//CHANGE BELOW 
tr.append("<td> <input type='radio'> </td>"); 
tr.append("<td>" + controller_data[i].id + "</td>"); 
tr.append("<td>" + controller_data[i].question + "</td>"); 
tr.append("<td>" + controller_data[i].image + "</td>"); 
tr.append("<td>" + controller_data[i].answer1 + "</td>"); 
tr.append("<td>" + controller_data[i].answer2 + "</td>"); 
tr.append("<td>" + controller_data[i].answer3 + "</td>"); 
tr.append("<td>" + controller_data[i].answer4 + "</td>"); 
$('table').append(tr); 

}