jquery如何判断哪个单选框radio buttons被选中

时间:2017-11-17
在网站开发中,我们经常需要使用js或jqury判断哪个单选框radio buttons被选中,那么js或jqury如何实现这一需求呢?本文章向大家介绍jQuery如何获取选中单选按钮radio的值,需要的朋友可以参考一下。

我有两个单选按钮,并希望提交其中的一个值到表单。jquery如何获取这个被选中的单选按钮的值呢?

我可以像这样获取表单中所有的单选按钮radio:

$("form :radio")

但是我如何知道是哪一个被选中呢?

可以使用下面代码:

$('input[name=radioName]:checked', '#myForm').val()

这句代码的意思是获取ID为myForm表单里被选中的单选按钮radio的值

下面是一个简单的应用实例:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
  
$(document).ready(function(){
$('#myForm input').on('change', function() {
   alert($('input[name=radioName]:checked', '#myForm').val()); 
});
});
</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>

在线运行