如何在 JavaScript 中輕鬆取得所選單選按鈕的值？

輕鬆取得選取的單選按鈕值

使用 JavaScript 取得選取單選按鈕的值有時可能很棘手。本文將深入研究這個常見問題的簡單而有效的解決方案，確保您可以輕鬆檢索所選值。

誤導的解決方案

中提供的程式碼初始查詢嘗試尋找選定的單選按鈕值，但它包含一個微妙的錯誤。變數大小被錯誤地指定為測試而不是單選按鈕數組：

var test = 'document.theForm.' + field;
var sizes = test;

更正此錯誤可確保您可以迭代單選按鈕數組並檢索所選元素的值。

簡單且通用的解決方案

要獲得更簡潔且跨瀏覽器相容的解決方案，請考慮使用document.querySelector 方法：

document.querySelector('input[name="genderS"]:checked').value;

此程式碼選擇目前檢查的第一個名為「genderS」的輸入元素並傳回其值。這種方法的美妙之處在於它可以與所有主要瀏覽器無縫協作，讓您高枕無憂，您的程式碼將按預期運行。

擁抱解決方案

整合這個解決方案到您的程式碼中很簡單。只需將現有的findSelection 函數替換為以下內容：

function findSelection(field) {
  return document.querySelector('input[name="' + field + '"]:checked').value;
}

享受簡化的單選按鈕值檢索

透過這些增強功能，您現在可以輕鬆檢索在JavaScript 程式中選擇單選按鈕。提供的解決方案具有靈活性和可靠性，讓您能夠自信地開發健壯且高效的 Web 應用程式。

以上是如何在 JavaScript 中輕鬆取得所選單選按鈕的值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！