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

}

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

2 个答案: