
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其它相关文章!













