我有3个单选按钮在我的网页，如下所示:
<标签=“主题灰色”> <输入类型=“无线电” id=“主题-灰色” 名称=“主题” 值=“灰色” />灰色</label> <标签=“主题粉红色”> <输入类型=“收音机” id=“主题-粉红色” 名称=“主题” 值=“粉红色” />粉红色</label> <标签=“主题绿色”> <输入类型=“无线电” id=“主题-绿色” 名称=“主题” 值=“绿色” />绿色</label>
在jQuery中，我想在单击这三个按钮中的任何一个时获得所选单选按钮的值。在jQuery中，我们有id(#)和类(.)选择器，但如果我想找到一个单选按钮的名字，如下所示?
$("<radiobutton name attribute>").click(function(){});
请告诉我如何解决这个问题。
当前回答
下面的代码用于按名称获取所选单选按钮值
jQuery("input:radio[name=theme]:checked").val();
谢谢 Adnan
其他回答
另一种方式
$('input:radio[name=theme]').filter(":checked").val()
对于那些不想包含库的人来说，做一些非常简单的事情:
document.querySelector('[name="theme"]:checked').value;
斯菲德尔
有关当前答案的性能概述，请检查这里
这对我来说很有效。例如，您有两个具有相同“名称”的单选按钮，而您只想获得选中按钮的值。你可以试试这个。
$valueOfTheCheckedRadio = $('[name=radioName]:checked').val();
<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>
下面的代码用于按名称获取所选单选按钮值
jQuery("input:radio[name=theme]:checked").val();
谢谢 Adnan
