确保单选按钮组的值不具有相同的值

Question

我有多组单选按钮，准确地说是10个。有大约10个选项。我想要做的是确保用户没有在一个组中选择类似的值2，而在另一个组中选择值2。我真的很想这样做，而不是一百。如果可能的话。任何类型的例子将不胜感激。

Answer 1

那么棘手的事情是要挑选每个组中的哪个单选按钮当你发现一个检查不正确时应该检查。 （在我看来，这是一个错误的UI设计错误，允许一组单选按钮没有选择按钮;这违反了真正的“单选按钮”的行为模型。）假设你可以随机选择一个，你可以只处理“改变“事件（以及”点击“事件，如果你愿意的话）。当一个事件触发时，处理程序应该检查页面上是否有其他单选按钮，其值也是标记为“已检查”的。对于每个选中的项目，您只需在组中找到另一个单选按钮即可进行检查。

我想如果你想要你可以预先分组的单选按钮与类似的值，这样你就不必每次点击搜索整个页面。一百个元素并不是那么多，所以这样的性能调整可能没有任何明显的差异。