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