如何使用 JavaScript 取得選定單選按鈕的值？

利用JavaScript 決定選定的單選按鈕值

要從一組單選按鈕中取得選定的值，'value ' 屬性必須存取與選取的單選按鈕關聯的。在 Internet Explorer 的早期版本中，這需要特定的方法。但是，對於IE9 及後續版本以及所有其他瀏覽器，可以使用簡化的方法：

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

此程式碼片段利用querySelector() 方法來選擇具有「名稱」的輸入元素屬性設定為「rate ”，“checked”屬性設為“true”，表示選取的單選按鈕。然後它會傳回所選單選按鈕的“value”屬性。

在提供的HTML 中：

<div>

執行以下程式碼將產生所選值：

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

例如，如果選取值為「Multi Rate」的單選按鈕，則「rate_value」將設定為「Multi Rate」。透過利用這種方法，無論選擇哪個特定單選按鈕，都可以有效地獲得所選值。

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