跨表单的单选按钮

Question

我有一个由多行组成的HTML div（使用angular，因此行数是动态的）。这些行内部是列或＆lt; td＆gt;标签。其中一些＆lt; td＆gt;内部是具有单选按钮的表单。如果单击一个表单中的单选按钮，我需要同一列中的所有其他单选按钮（但不同的行，因此，不同的形式）才能取消选中。通常，如果单选按钮都属于同一组，则内置此功能。我正在尝试跨表单元素链接单选按钮。这可能吗？怎么样？

Answer 1

为属于同一行的每个单选按钮提供一个公共类，以便您可以动态取消选中它们。类似的选项是使用HTML5的data属性，因此您可以使用jQuery的.data()方法（see more here），这类似于在两者之间添加公共类它们。

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