我有两个单选按钮,希望发布所选按钮的值。如何使用jQuery获取值?
我可以得到所有这些:
$("form :radio")
我如何知道选择了哪一个?
我有两个单选按钮,希望发布所选按钮的值。如何使用jQuery获取值?
我可以得到所有这些:
$("form :radio")
我如何知道选择了哪一个?
当前回答
这应该是有效的:
$("input[name='radioName']:checked").val()
注意输入周围使用的“”:已检查,而不是像Peter J的解决方案那样的“”
其他回答
您需要使用: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>
使用$('input[name=“radioName”]').filter(“:checked”).val();对我来说是最好的方式。
经过测试,这是可行的
Form
<form id="myForm">
<input type="radio" name="radioName" value="Option1"> Option1
<input type="radio" name="radioName" value="Option2" checked> Option2
<input type="radio" name="radioName" value="Option3"> Option3
</form>
滑动分页
$(document).ready(function() {
$('input[name="radioName"]').on('change', function() {
const val = $(this).filter(":checked").val();
alert(val);
})
// First load check
const val = $('input[name="radioName"]').filter(":checked").val();
alert(val);
});
此处示例:https://codepen.io/abinhho/pen/mdLrqbX
要获取id为myForm的表单的选定radioName项的值,请执行以下操作:
$('input[name=radioName]:checked', '#myForm').val()
下面是一个示例:
$('#myForm input').on('change',function(){alert($('input[name=radioName]:checked','#myForm').val());});<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><form id=“myForm”><fieldset><legend>选择radioName</legend><label><input-type=“radio”name=“radioName”value=“1”/>1</label><br/><label><input-type=“radio”name=“radioName”value=“2”/>2</label><br/><label><input-type=“radio”name=“radioName”value=“3”/>3</label><br/></fieldset></form>
$(function () {
// Someone has clicked one of the radio buttons
var myform= 'form.myform';
$(myform).click(function () {
var radValue= "";
$(this).find('input[type=radio]:checked').each(function () {
radValue= $(this).val();
});
})
});
$("input:radio:checked").val();