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

存取單選按鈕值：更簡潔的方法

在您的JavaScript 程式中，您遇到了所選單選按鈕的值返回的問題不明確的。您提供的程式碼依賴透過 aNodeList 的循環，這可能效率低。檢索值的更現代、更簡潔的方法是透過元素查詢方法。

改進的程式碼：

要解決此問題，請考慮使用以下程式碼：

這一行完成與循環相同的功能，但在一行中。它利用 querySelector() 方法來選擇具有指定名稱屬性（“genderS”）和選取狀態的單選按鈕。

工作原理：

• document.querySelector() 選擇文件中符合指定條件的第一個符合元素選擇器。
• 'input[name="genderS"]' 是符合具有名稱屬性「genderS」的輸入元素的選擇器。
• ':checked' 僅選擇其中的單選按鈕設定被選取的。
• 此元素的.value 屬性返回選定的

優點：

• 簡單性：這種方法使用一行程式碼，更容易理解並保持。
• 效率：避免了循環的需要，這可以提高效能，特別是對於具有許多選項的單選按鈕。
• 相容性：它適用於現代瀏覽器，確保跨瀏覽器相容性。

用法：

您可以將選定的值分配給變數如下：

這個變數可以在您的submitForm函數或程式的任何其他部分中使用。

透過實現這個更簡潔和高效的方法，您可以有效地檢索所選單選按鈕的值，不會遇到未定義的問題。

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