在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());
    });

但愿能帮助到你..