确保单选按钮组没有启用相同的值

Question

我有多组单选按钮，确切地说是10组。有大约10个选项。我想要做的是确保用户没有在一个组中选择的值2和在另一个组中选择的值2。我真的想用一百个这样做。如果可能的话。任何形式的例子都将非常感激。

Answer 1

当你发现错误地检查了一个单选按钮时，应该选择哪个单选按钮。 （在我看来，允许一组单选按钮没有选择按钮是一个糟糕的UI设计错误;这违反了真正的“单选按钮”的行为模型。）假设你可以选择一个随机的，你可以只处理“在单选按钮上更改“事件（以及”点击“事件，如果需要）。当一个事件触发时，处理程序应该只检查页面上是否有任何其他单选按钮，其值相同，也标记为“已检查”。对于每个已选中的内容，您只需在其组中找到另一个单选按钮即可进行检查。

我想如果您想要预先分组具有相同值的单选按钮块，这样您就不必在每次点击时搜索整个页面。然而，一百个元素并不是那么多，所以这样的性能调整可能不会产生任何显着的差异。