2011-12-23 52 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); 

} 

使用此功能