文本输入不显示或隐藏时，它应该做的

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