jquery怎么判断radio是否选中?

jquery怎么判断radio是否选中?下面本篇文章就来给大家介绍一下jquery判断radio是否选中的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

HTML代码:

<p>请选择你的性别</p>
<p>
<label>1.<input type="radio" name="sex" value="男" />男</label><br />
<label>2.<input type="radio" name="sex" value="女" />女</label><br />
<label>3.<input type="radio" name="sex" value="保密" />保密</label></p>

jquery怎么判断radio是否选中?

方法1:先获取radio的值再判断是不是为null

var val=$('input:radio[name="sex"]:checked').val();
if(val==null){
	alert("请选择你的性别");
}
else
{
	alert("你选择的性别是:"+val);
}

方法2:直接用is(":checked")判断有没有选中的radio

var boolCheck=$('input:radio[name="sex"]').is(":checked");
if(boolCheck){
	alert("请选择你的性别");
}
else
{
	alert("你选择的性别是:"+$('input:radio[name="sex"]:checked').val());
}

完整代码:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>判断radio是否选中并且获取选中值</title>
</head>
<body>
<p>请选择你的性别</p>
<p>
<label>1.<input type="radio" name="sex" value="男" />男</label><br />
<label>2.<input type="radio" name="sex" value="女" />女</label><br />
<label>3.<input type="radio" name="sex" value="保密" />保密</label></p>
<button id="submit">保存</button>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#submit").click(function(){
var val=$('input:radio[name="sex"]:checked').val();
if(val==null){
alert("请选择你的性别");
}
else
{
alert("你选择的性别是:"+val);
}	
});
});
</script>
</body>
</html>

更多web开发知识,请查阅 HTML中文网 !!

以上就是jquery怎么判断radio是否选中?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读