文本输入在应该显示或隐藏时不显示或隐藏

时间:2012-10-06 23:13:29

标签: javascript jquery jsfiddle

我在这里有一个jsfiddle:http://jsfiddle.net/ybZvv/22/

我的情况是,如果你点击“选择所有答案”按钮,它将打开所有字母按钮(绿色)。现在,如果单击“添加问题”按钮,它会将顶部的按钮附加到表格行中。您将在表格下方看到一堆文本输入,这将显示在附加行中打开的所有按钮的值。

这很好。但问题如下:

问题是,如果你单击“附加行”中的“删除所有答案”按钮,那么所有按钮都会关闭,这很好,但它不会删除/隐藏所有这些值的文本输入哪些按钮关闭。

如果您再单击“在附录行中选择所有答案”按钮,则会关闭该行中的所有按钮,但不会显示任何文本输入,显示所有按钮都已打开的值。

所以我的问题是,如果用户点击附加表格行中的“选择所有答案”按钮,我们如何让它显示该行中打开的按钮的所有文本输入?

此外,如果用户单击附加行中的“删除所有答案”按钮,我希望它删除该行中关闭的那些按钮的所有文本输入。如何实现这一目标?

1 个答案:

答案 0 :(得分:1)

解决方案是“触发”按钮上的单击,而不是简单地取消一个类并添加另一个类。

所以而不是

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

你应该使用:

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

模拟按钮上的点击以进行正确处理。

这是edited fiddle