我如何知道通过jQuery选择了哪个单选按钮?
我有两个单选按钮,并希望发布所选的值。 我如何通过jQuery获得价值?
我可以像这样得到他们所有的人:
$("form :radio")
我如何知道选择哪一个?
要获取id为myForm
的表单的所选 radioName
项的值,请执行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">
<input type="radio" name="radioName" value="1" /> 1 <br />
<input type="radio" name="radioName" value="2" /> 2 <br />
<input type="radio" name="radioName" value="3" /> 3 <br />
</form>
用这个..
$("#myform input[type='radio']: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();
链接地址: http://www.djcxy.com/p/615.html
上一篇: How can I know which radio button is selected via jQuery?