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