javascript - 维护事件回调中元素的顺序

Question

我有一系列单选按钮组（使用 Bootstrap 制作），每个按钮组都标有一个字母。根据单击的按钮，相关字母应放置在“是”或“否”行中。例如，单击Yes与标签关联的按钮A应该会A出现在“是”行中。这是一个说明这个想法的小提琴：http: //jsfiddle.net/A38Ap/

我应该指出，在将类添加到 Bootstrap 中的单击按钮之前触发了“单击”事件回调。.active

另一个要求是“是”和“否”行中的字母顺序应尊重上面显示的按钮组的顺序。例如，如果两个C和都单击“是” A，则无论单击它们的顺序如何，C都应始终出现A在“是”行的前面，因为C组位于组的前面A（从左到右）。

上面的小提琴不能满足这个额外的要求，我很难想出一种有效的方法来做到这一点。有什么建议吗？

Answer 1

对于每个按钮 - 在按钮的 onclick 事件中，只需在单击的按钮上切换“活动”类。

在 end 循环结束时，通过所有按钮来确定已单击的按钮，并相应地显示状态。最后循环，将使您在打印按钮的状态之前了解所有按钮的状态。在最后一步打印时，您可以根据需要维护订单。