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

Question

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

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

另一个要求是“是”和“否”行中的字母顺序应该遵循上面显示的按钮组的顺序。例如，如果同时为C和A点击“是”，无论点击它们的顺序，C都应始终显示在{{ 1}}在“是”行中，因为A组位于C组的前面（从左到右）。

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

Answer 1

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

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