如何在 JavaScript 中取得選定單選按鈕的值？

如何在HTML 和JavaScript 中取得選定單選按鈕的值

單選按鈕允許使用者從群組中選擇單一選項的相關選擇。檢索所選單選按鈕的值是 Web 開發中的常見任務。

問題：

您無法從一組單選按鈕中檢索所選值使用您當前的 JavaScript

解決方案：

要取得所選單選按鈕的值，可以使用以下改進的程式碼：

const selectedRadio = document.querySelector('input[name="rate"]:checked');

if (selectedRadio) {
  const rateValue = selectedRadio.value;
  document.getElementById('results').innerHTML = rateValue;
}

說明：

querySelector()方法搜尋中的第一個元素與指定選擇器相符的 DOM。在本例中，它的目標是具有名稱屬性「rate」和選取屬性的單選按鈕。

取得選定的單選按鈕後，將檢索其 value 屬性並將其儲存在rateValue 變數中。最後，結果元素的innerHTML屬性被設定為rateValue，有效顯示所選單選按鈕的值。

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