在開發網頁中,我們經常會遇到需要獲取用戶選擇的值的情況,比如單選框。而使用jQuery可以輕松地實現獲取用戶所選擇的單選按鈕的值。
// 獲取選中的單選框的值 var value = $('input:radio[name="radioName"]:checked').val();
上面的代碼中,我們通過jQuery選擇器獲取了名為"radioName"的單選框組,并篩選出被選中的單選框,最后通過.val()方法獲取了所選中單選框的值。值得注意的是,name屬性必須相同。
另外,可以使用.change()方法在選擇框的狀態發生變化時觸發相應的事件,實現更靈活的操作。
// 監聽單選框的變化 $('input:radio[name="radioName"]').change(function(){ var value = $(this).val(); console.log(value); });
以上代碼中,我們使用.change()方法監聽單選框的變化,并打印出所選擇的值。$(this)指的是當前被選擇的單選框。
以上就是使用jQuery獲取單選框的值的方法。通過簡單的選擇器和方法,我們可以輕松地實現獲取用戶所選中的單選框的值,進行后續的操作。
上一篇css帶有選項的表格