如何選擇另一個名稱不同的單選按鈕

我有一組單選按鈕用於不同的用餐，我希望讓他們爲每組輸入不同的名稱。如何選擇另一個名稱不同的單選按鈕

這是我有的圖像。

enter image description here

他們只能選擇，一個主餐，一個帶皮馬鈴薯或沙拉。

如果他們嘗試選擇一個主菜單，然後改變他們的主意，選擇一個沙拉，它需要取消選擇主餐。

單選按鈕標記類似以下，

組1：lunch_main 組2：lunch_jacketpotato 組3：lunch_salad

反正有沒有做到這一點？

來源

2013-10-29 Exoon

爲什麼你需要爲每個組別不同的名稱？只需使用同樣的名稱爲Main Meal，Jacket Potato和Salad，並用「價值」來區分它們。 – Reeno

因爲即時通訊使用PHP來填充表單，我想要午餐的主菜，夾克馬鈴薯和沙拉在單獨的列表中，如果他們都是相同的名稱，他們將全部列在同一標題下。 – Exoon

這不是單選按鈕是如何工作的。而不是給出不同的名字，給予不同的data-*屬性。常見的name屬性保持無線電功能，而自定義data-* attr會給你你想要的，沒有JS！

您可以使用自定義像這樣data屬性：

<input type='radio' name='lunch' data-mealType='lunch' /> 
<input type='radio' name='lunch' data-mealWhatever='cool' />

來源

2013-10-29 13:46:52 tymeJV

你介意展示一個帶有data- *屬性的單選按鈕的例子嗎？謝謝 – Exoon

@Exoon - 燁，加入回答！ – tymeJV

這是我爲你解決提出的問題：

$("input:radio").change(function(){ 
     var currentGroupName = $(this).prop("name");   
     $("input:radio").not(this).prop('checked', false); 
    });

我依賴排除單擊項目，並選擇每個單選按鈕出那裏，排除當前組名稱並刪除'checked'屬性。不是最好的代碼，但完全匹配你的問題。

我已爲你活樣本，這裏是小提琴：http://jsfiddle.net/EhHpy/

更新：這裏是一個新的小提琴讓邏輯工作只爲你的目標羣體，並逃脫其他團體（鏈接飲料如我的例子）：http://jsfiddle.net/EhHpy/1/

來源

2013-10-29 13:58:33

這個例子很完美！正是我需要的，是否有辦法定義哪些收音機組適合它，因爲我只希望它在lunch_main，lunch_jacketpotato和lunch_salad上，我希望他們仍然可以選擇飲料和甜點。謝謝 – Exoon

，而不是通過下面的查詢'$（「input：radio」）。not'來獲取頁面中的所有單選按鈕，只需選擇屬於你想要的組的那些人來替換它，然後像以前一樣取消選擇它們。我會嘗試更新我的示例以匹配此結果。 –

謝謝，如果可以的話，將不勝感激。我只是把頭標之間的那段代碼放在一個

11. 一組單選按鈕在同一行中選擇一個單選按鈕，它影響另一行 - 目標-c

12. 同時選擇兩個單選按鈕

13. 一次選擇一個單選按鈕

14. 單選按鈕值名稱

15. 單選按鈕不工作（可同時選擇多個單選按鈕）

16. 選擇具有相同名稱，ID，值的兩個單選按鈕

17. 顯示在不同的單選按鈕選擇不同的選擇菜單

18. 當另一個單選按鈕被選中時如何取消選擇單選按鈕？

19. 從另一頁選擇一個默認單選按鈕

20. 選擇一個單選按鈕

21. 動態選擇一個單選按鈕

22. 只有選擇一個單選按鈕

23. 只選擇一個單選按鈕

24. 兩個單選按鈕一次選擇

25. 如何更改提示選擇不同的單選按鈕？

26. 爲另一個類別選擇的傳遞單選按鈕值

27. 如何禁用單選按鈕單擊另一個單選按鈕

28. 如何選擇selenium webdriver中的單選按鈕？動態選擇單選按鈕

29. Onclick單選按鈕禁用另一個單選按鈕

30. Jquery按名稱選擇按鈕

如何選擇另一個名稱不同的單選按鈕

回答

相關問題