亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在jQuery中,如何通過其name屬性選擇元素?

在jQuery中,如何通過其name屬性選擇元素?

瀟湘沐 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分組,因為它們應該是唯一的。


查看完整回答
反對 回復 2019-10-24
?
慕桂英3389331

TA貢獻2036條經驗 獲得超8個贊

要確定選中了哪個單選按鈕,請嘗試以下操作:


$('input:radio[name=theme]').click(function() {

  var val = $('input:radio[name=theme]:checked').val();

});

將捕獲該組中所有單選按鈕的事件,并且所選按鈕的值將放置在val中。


更新:發布后,我認為上述Paolo的答案更好,因為它使用的DOM遍歷更少。我讓這個答案站起來,因為它顯示了如何以跨瀏覽器兼容的方式獲取所選元素。


查看完整回答
反對 回復 2019-10-24
?
烙印99

TA貢獻1829條經驗 獲得超13個贊

這對我來說很棒。例如,您有兩個具有相同“名稱”的單選按鈕,而您只想獲取選中的按鈕的值。您可以嘗試這個。


$valueOfTheCheckedRadio = $('[name=radioName]:checked').val();


查看完整回答
反對 回復 2019-10-24
  • 3 回答
  • 0 關注
  • 931 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號