jQuery 獲取已選中單選按鈕 ID 的最簡寫法

核心代碼

var id = $("input[name='pattern']:checked").attr('id');

原理解析

• input[name='pattern']：選取所有 name 屬性為 pattern 的單選按鈕群組。
• :checked：偽類選擇器，進一步篩選出當前被選中的那一個。
• .attr('id')：取得該元素的 id 屬性值。

注意事項

1. 確保單選按鈕群組的 name 屬性一致，否則無法正確分組。
2. 若無任何按鈕被選中，結果將為 undefined，建議配合條件判斷使用。
3. 若需獲取值而非 ID，可改用 .val()。

擴展：獲取多組單選按鈕值

// 遍歷所有名為 group1、group2 的單選組
['group1', 'group2'].forEach(function(name) {
  var val = $("input[name='" + name + "']:checked").val();
  console.log(name + ':', val);
});