瀟湘沐
2019-10-24 14:05:34
我的網頁中有3個單選按鈕,如下所示:<label for="theme-grey"> <input type="radio" id="theme-grey" name="theme" value="grey" />Grey</label><label for="theme-pink"> <input type="radio" id="theme-pink" name="theme" value="pink" />Pink</label><label for="theme-green"> <input type="radio" id="theme-green" name="theme" value="green" />Green</label>在jQuery中,我想在單擊這三個按鈕中的任何一個時獲取所選單選按鈕的值。在jQuery中,我們具有id(#)和class(。)選擇器,但是如果我想按名稱查找單選按鈕,該怎么辦呢?$("<radiobutton name attribute>").click(function(){});請告訴我如何解決這個問題。
3 回答

茅侃侃
TA貢獻1842條經驗 獲得超22個贊
應該做到這一點,所有這些都在文檔中,該文檔具有與此類似的示例:
$("input[type='radio'][name='theme']").click(function() {
var value = $(this).val();
});
我還應該注意,您在該代碼段中有多個相同的ID。這是無效的HTML。使用類將元素集而不是ID分組,因為它們應該是唯一的。

慕桂英3389331
TA貢獻2036條經驗 獲得超8個贊
要確定選中了哪個單選按鈕,請嘗試以下操作:
$('input:radio[name=theme]').click(function() {
var val = $('input:radio[name=theme]:checked').val();
});
將捕獲該組中所有單選按鈕的事件,并且所選按鈕的值將放置在val中。
更新:發布后,我認為上述Paolo的答案更好,因為它使用的DOM遍歷更少。我讓這個答案站起來,因為它顯示了如何以跨瀏覽器兼容的方式獲取所選元素。

烙印99
TA貢獻1829條經驗 獲得超13個贊
這對我來說很棒。例如,您有兩個具有相同“名稱”的單選按鈕,而您只想獲取選中的按鈕的值。您可以嘗試這個。
$valueOfTheCheckedRadio = $('[name=radioName]:checked').val();
添加回答
舉報
0/150
提交
取消