在jQuery中，如何經過其name屬性選擇元素？

個人網頁中有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(){});

請告訴我如何解決這個問題。

---

#1樓

也可使用CSS類定義單選按鈕的範圍，而後使用如下命令肯定值

$('.radio_check:checked').val()

---

#2樓

<input type="radio" name="ans3" value="help"> 
<input type="radio" name="ans3" value="help1">
<input type="radio" name="ans3" value="help2">

<input type="radio" name="ans2" value="test"> 
<input type="radio" name="ans2" value="test1">
<input type="radio" name="ans2" value="test2">

<script type="text/javascript">
  var ans3 = jq("input[name='ans3']:checked").val()
  var ans2 = jq("input[name='ans2']:checked").val()
</script>

---

#3樓

這對我來講很棒。 例如，您有兩個具備相同「名稱」的單選按鈕，而您只想獲取選中的按鈕的值。 您能夠嘗試這個。

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

---

#4樓

從jQuery的1.7.2升級到1.8.2後，我在研究錯誤時發現了這個問題。 我添加個人答案是由於jQuery 1.8及更高版本中發生了更改，該更改如今更改了此問題的答案。

在jQuery 1.8中，它們已棄用僞選擇器，如：radio，：checkbox和：text。

要作到上述如今只需更換:radio與[type=radio] 。

所以，您的答案如今適用於jQuery 1.8及更高版本的全部版本：

$("input[type=radio][name=theme]").click(function() { 
    var value = $(this).val(); 
});

您能夠在1.8自述文件中瞭解有關更改的信息，以及有關此更改的故障 單 ，以及在附加信息部分下的：radio選擇器頁上了解緣由。

---

#5樓

這對我有用。

HTML：

<input type="radio" class="radioClass" name="radioName" value="1" />Test<br/>
<input type="radio" class="radioClass" name="radioName" value="2" />Practice<br/>
<input type="radio" class="radioClass" name="radioName" value="3" />Both<br/>

jQuery：

$(".radioClass").each(function() {
        if($(this).is(':checked'))
        alert($(this).val());
    });

但願能幫助到你..