首頁 > web前端 > js教程 > 檢索選定的單選按鈕值時如何避免「未定義」?

檢索選定的單選按鈕值時如何避免「未定義」?

Patricia Arquette
發布: 2024-12-08 09:01:11
原創
790 人瀏覽過

How to Avoid

如何有效檢索選定的單選按鈕值

從一組單選按鈕中獲取選定的值在Web 開發中至關重要。但是,您目前的程式碼遇到傳回「未定義」的問題。此問題源自於透過「rates」div 取得所選值的方法。

要有效檢索所選值,請使用以下程式碼片段:

document.querySelector('input[name="rate"]:checked').value;
登入後複製

此程式碼採用document.querySelector() 方法來定位群組內選取的單選按鈕。它透過指定 name 屬性和 :checked 偽類來實現這一點,確保選擇的準確性。一旦識別出選取的單選按鈕,就會存取 value 屬性以檢索其關聯值。

IE9 及更高版本以及所有其他現代瀏覽器支援此方法。它提供了一種直接可靠的方法來從一組單選按鈕中獲取所選值,消除您遇到的「未定義」問題。

以上是檢索選定的單選按鈕值時如何避免「未定義」?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板