2011-12-23 44 views
0

我有一个应用程序在我的小提琴用户选择他们的首选选项和答案。如何显示这些按钮

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

然后,用户可以说在答案文本框的数目的数目的2型时,这意味着用户可以从甲现在,如果用户选择的答案A和B仅选择2个答案C.

,那些按钮会变成绿色以显示它们已被选中。

现在,如果用户点击“添加问题”按钮,它会将答案添加到底部的新行中。这是我现在遇到的问题。如果您按照上面的示例进行操作,则应该按照上面的示例显示所有三个按钮A到C,并选择A和B(绿色),但只显示没有选中它们的三个按钮。

那么我需要做什么才能够显示所选按钮的表格行中的所有按钮,显示从选项中选择的按钮(如果您遵循上面的示例,它应显示在行A到C与A和B被选中)?

下面是我的代码,创建新行并显示该行的按钮:

这附近我的jsfiddle的JavaScript代码,您可以访问here

回答

0

可以的底部找到如果要清除单击处理

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

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

} 

使用此功能