首頁 >web前端 >js教程 >如何使用 jQuery 取得選定單選按鈕的值?

如何使用 jQuery 取得選定單選按鈕的值?

Barbara Streisand
Barbara Streisand原創
2024-12-07 01:14:10204瀏覽

How to Get the Value of a Selected Radio Button Using jQuery?

如何使用 jQuery 辨識一組單選按鈕中的選取選項

使用表單時,通常需要擷取選取單選按鈕的值。 jQuery 提供了一種簡單的方法來實現此目的。

考慮以下場景:您有一個包含多個名為 radioName 的單選按鈕的表單。您希望發布所選選項的值。若要使用 jQuery 檢索值,您可以利用以下程式碼:

$('input[name=radioName]:checked', '#myForm').val()

此程式碼在 id myForm 的表單中搜尋名稱屬性設定為 radioName 的所有輸入元素。 :checked 選擇器可確保僅選擇選定的單選按鈕。最後, .val() 方法傳回所選單選按鈕的值。

例如,以下程式碼片段示範如何在選擇變更時擷取所選單選按鈕的值:

$('#myForm input').on('change', function() {
  alert($('input[name=radioName]:checked', '#myForm').val());
});

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn