2015-05-28 43 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",依此類推。