我有两个单选按钮,希望发布所选按钮的值。如何使用jQuery获取值?
我可以得到所有这些:
$("form :radio")
我如何知道选择了哪一个?
我有两个单选按钮,希望发布所选按钮的值。如何使用jQuery获取值?
我可以得到所有这些:
$("form :radio")
我如何知道选择了哪一个?
当前回答
使用此项:
value = $('input[name=button-name]:checked').val();
其他回答
如果您已经引用了单选按钮组,例如:
var myRadio = $("input[name=myRadio]");
使用filter()函数,而不是find()。(find()用于查找子元素/子元素,而filter()用于搜索所选内容中的顶级元素。)
var checkedValue = myRadio.filter(":checked").val();
注意:这个答案最初是在纠正另一个建议使用find()的答案,但后来似乎有所改变。find()对于已经引用了容器元素但没有引用单选按钮的情况仍然有用,例如:
var form = $("#mainForm");
...
var checkedValue = form.find("input[name=myRadio]:checked").val();
在JSF生成的单选按钮(使用<h:selectOneRadio>标记)中,可以执行以下操作:
radiobuttonvalue = jQuery("input[name='form_id\:radiobutton_id']:checked").val();
其中selectOneRadio ID是radiobutton_ID,表单ID是form_ID。
如图所示,请务必使用name而不是id,因为jQuery使用这个属性(名称由JSF自动生成,类似于控件id)。
您可以调用函数onChange()
<input type="radio" name="radioName" value="1" onchange="radio_changed($(this).val())" /> 1 <br />
<input type="radio" name="radioName" value="2" onchange="radio_changed($(this).val())" /> 2 <br />
<input type="radio" name="radioName" value="3" onchange="radio_changed($(this).val())" /> 3 <br />
<script>
function radio_changed(val){
alert(val);
}
</script>
要检索JavaScript数组中的所有单选按钮值,请使用以下jQuery代码:
var values = jQuery('input:checkbox:checked.group1').map(function () {
return this.value;
}).get();
您需要使用:checked选择器访问:
检查此文档:
https://api.jquery.com/checked-selector/
例如:
$('input[name=radioName]:checked','#myForm').val()$('#myForm input').on('change',function(){$('#val').text($('input[name=radioName]:checked','#myForm').val());});#值{颜色:#EB0054;字体大小:1.5em;}<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><h3>无线电值:<span id=“val”><span></h3><form id=“myForm”><input type=“radio”name=“radioName”value=“a”>a<br><input-type=“radio”name=“radioName”value=“b”>b<br><input-type=“radio”name=“radioName”value=“c”>c<br></form>