我有3个单选按钮在我的网页，如下所示:
<标签=“主题灰色”> <输入类型=“无线电” id=“主题-灰色” 名称=“主题” 值=“灰色” />灰色</label> <标签=“主题粉红色”> <输入类型=“收音机” id=“主题-粉红色” 名称=“主题” 值=“粉红色” />粉红色</label> <标签=“主题绿色”> <输入类型=“无线电” id=“主题-绿色” 名称=“主题” 值=“绿色” />绿色</label>
在jQuery中，我想在单击这三个按钮中的任何一个时获得所选单选按钮的值。在jQuery中，我们有id(#)和类(.)选择器，但如果我想找到一个单选按钮的名字，如下所示?
$("<radiobutton name attribute>").click(function(){});
请告诉我如何解决这个问题。
当前回答
如果页面上有多个无线电组，可以使用过滤功能，如下所示
$('input[type=radio]').change(function(){
var value = $(this).filter(':checked' ).val();
alert(value);
});
这是小提琴url
http://jsfiddle.net/h6ye7/67/
其他回答
如果你在同一页面上有多组单选按钮，你也可以试试这个来获得单选按钮的值:
$("input:radio[type=radio]").click(function() {
var value = $(this).val();
alert(value);
});
干杯!
<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>
另一种方式
$('input:radio[name=theme]').filter(":checked").val()
如果你想知道点击事件之前默认选中单选按钮的值，试试这个:
alert($("input:radio:checked").val());
您可能注意到使用类选择器来获取ASP的值。NET RadioButton控件总是空的，这是原因。
在ASP中创建RadioButton控件。的网址如下:
<asp:RadioButton runat="server" ID="rbSingle" GroupName="Type" CssClass="radios" Text="Single" />
<asp:RadioButton runat="server" ID="rbDouble" GroupName="Type" CssClass="radios" Text="Double" />
<asp:RadioButton runat="server" ID="rbTriple" GroupName="Type" CssClass="radios" Text="Triple" />
和ASP。NET渲染以下HTML为您的RadioButton
<span class="radios"><input id="Content_rbSingle" type="radio" name="ctl00$Content$Type" value="rbSingle" /><label for="Content_rbSingle">Single</label></span>
<span class="radios"><input id="Content_rbDouble" type="radio" name="ctl00$Content$Type" value="rbDouble" /><label for="Content_rbDouble">Double</label></span>
<span class="radios"><input id="Content_rbTriple" type="radio" name="ctl00$Content$Type" value="rbTriple" /><label for="Content_rbTriple">Triple</label></span>
ASP。NET我们不想使用RadioButton控件名称或id，因为它们可以出于任何原因改变用户的手(改变容器名称，表单名称，用户控件名称，…)，你可以在上面的代码中看到。
使用jQuery获得RadioButton值的唯一可行的方法是使用css类，这是一个完全无关的问题，如下所述的答案
$('span.radios input:radio').click(function() {
var value = $(this).val();
});
