我如何知道通过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?

下一篇: What does the explicit keyword mean?