如何显示这些按钮

Question

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

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

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

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

现在，如果用户单击“添加问题”按钮，它将在底部的新行中添加答案。这是我目前遇到的问题。如果您遵循上面的示例，它应该做的是显示所有三个按钮 A 到 C，并选择 A 和 B（绿色），但它只显示三个按钮，但没有选择任何一个按钮。

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

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

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

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