跨表单的单选按钮

Question

我有一个由许多行组成的 HTML div（使用角度，所以行数是动态的）。这些行内是列或

标记。其中一些 是带有单选按钮的表单。如果单击一种形式的单选按钮，我需要同一列（但不同的行，因此不同的形式）中的所有其他单选按钮变为未选中状态。通常，如果单选按钮都属于同一个组，则内置此功能。我正在尝试跨表单元素链接单选按钮。这可能吗？怎么样？

【问题讨论】：

• 是否可以为每列的所有单选按钮提供一个通用类，以便您可以使用该类动态取消选中它们？
• 这是一个选项。这是好习惯吗？还有其他方法吗？或者也许是一个这样做的图书馆？
• 这是我能想到的最简单、最简单的方法。为此使用库对我来说似乎有点矫枉过正。我会将我的建议作为答案发布，这样我们就会知道，如果很多人不赞成，这不是最好的方法，或者如果发生相反的情况，这是一个很好的解决方案:)

Answer 1

为属于同一行的每个单选按钮指定一个公共类，以便您可以动态取消选中它们。一个类似的选项是使用 HTML5 的 data 属性，这样您就可以使用 jQuery 的 .data() 方法 (see more here)，其工作原理类似于在它们之间添加一个公共类。

例如，第一行的每个单选按钮都有data-row="1"，而第二行的按钮有data-row="2"，以此类推。