文本輸入不顯示或隱藏時，它應該做的

Question

我這裏有一個的jsfiddle：http://jsfiddle.net/ybZvv/22/

我的情況是，如果你點擊「全選答案」按鈕，它會打開所有的信按鈕（al trun green）。現在，如果您單擊「添加問題」按鈕，它會將頂部的按鈕添加到表格行中。您會在表格下方看到一堆文本輸入，它顯示了在附加行中打開的所有按鈕的值。

這很好。但問題是如下：

雖然問題是，如果您單擊「刪除所有答案」按鈕中的附加行，然後所有的按鈕被關閉，這是很好，但它不會刪除/隱藏所有這些按鈕被關閉的值的文本輸入。

如果您在「附加行」中單擊「選擇所有答案」按鈕，則會將該行中的所有按鈕都打開，但不會顯示任何文本輸入，以顯示打開哪些按鈕的所有值。

所以我的問題是，如果用戶點擊附加表格行中的「Select All Answers」按鈕，我們如何才能讓它顯示在該行中打開的按鈕的所有文本輸入？

此外，如果用戶單擊附加行中的「刪除所有答案」按鈕，我希望它刪除該行內關閉的那些按鈕的所有文本輸入。這怎麼能實現？

Answer 1

解決方案是「觸發」按鈕上的一個點擊，而不是簡單地取下一個類並添加另一個。

所以不是

$('.answerBtns:visible', context).removeClass('answerBtnsOff').addClass('answerBtnsOn'); 

你應該使用：

$('.answerBtnsOff:visible', context).trigger('click'); 

模擬按鈕點擊做妥善處理。

這裏的edited fiddle