2015-05-28 42 views
1

我有一个由多行组成的HTML div(使用角度,所以行数是动态的)。在这些行内部是列或<td>标签。其中部分<td>是带有单选按钮的表单。如果单击一个单选按钮,我需要同一列中的所有其他单选按钮(但不同的行,因此,不同的表单)变为未选中状态。通常情况下,如果单选按钮都属于同一组,则此功能是内置的。我试图将单选按钮链接到表单元素。这可能吗?怎么样?表单上的单选按钮

+0

是否可以让每列的所有单选按钮成为通用类,以便您可以使用该类来动态取消选中它们? – lucasnadalutti

+0

这是一个选项。这是不错的做法吗?有另一种方法吗?或者也许是一个这样做的图书馆? – user3159063

+0

这是我可以想到的最简单和不经意的方式。为此,使用库似乎对我来说过分了。我会发布我的建议作为答案,所以我们会知道,如果很多人不喜欢它,这不是最好的方法,或者如果发生相反情况,这是一个很好的解决方案:) – lucasnadalutti

回答

1

为属于同一行的每个单选按钮指定一个公用类,以便动态取消选中它们。一个类似的选择是使用HTML5的data属性,所以你可以使用jQuery的.data()方法(see more here),这将类似于在它们之间添加通用类。

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