Question

我的小提琴中有一个应用程序，用户可以选择他们喜欢的选项和答案。

要使用该应用程序，用户首先从网格中选择一个选项，例如选项“3”，它将在底部显示按钮A到C.

然后，用户可以在“答案数文本框”中输入数字2，这意味着用户只能从A到C中选择2个答案。

现在，如果用户选择答案A和B，那么这些按钮变为绿色以显示它们已被选中。

现在，如果用户点击“添加问题”按钮，它将在底部的新行中添加答案。这是我目前遇到的问题。按照上面的示例，假设要显示所有三个按钮A到C，选择了A和B（绿色），但是只显示三个按钮而没有选择它们。

那么我需要做什么才能显示表格行中选项的所有按钮，显示从选项中选择的按钮，（如果你按照上面的例子显示它应该显示在A到C行的A中）和B选中）？

下面是我的代码，它创建新行并显示行中的按钮：

这可以在jsfiddle的javascript代码底部附近找到，您可以访问here

Answer 1

你可以写这样的功能

function insertQuestion(form) {

    var $tr = $("<tr></tr>");
    var $answer = $("<td class='answer'></td>");

    $("#optionAndAnswer .answerBtns:visible").clone().appendTo($answer);

    $tr.append($answer);

    $('#qandatbl').append($tr);

}

如果要清除点击处理程序

，请使用此选项

$("#optionAndAnswer .answerBtns:visible").clone().attr('onclick', '').appendTo($answer);

如何显示这些按钮

1 个答案: