jquery怎么判断单选(radio)按钮是否选中 ?下面本篇文章讲解了利用获取选中值判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等内容,,需要的朋友可以参考下。
一、利用获取选中值判断选中
直接上代码,别忘记引用JQuery包
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JQuery radio</title> <script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js<i style="color:transparent">来源gaodai$ma#com搞$代*码网</i>"></script> <script type="text/javascript"> // 判断radio是否有选中,获取选中的值 $(function() { $("#btnSubmit").click(function() { var val = $('input:radio[name="sex"]:checked').val(); if(val == null) { alert("什么也没选中!"); return false; } else { alert(val); } var list = $('input:radio[name="list"]:checked').val(); if(list == null) { alert("请选中一个!"); return false; } else { alert(list); } }); }); </script> </head> <body> <form id="form"> <input type="radio" name="sex" value="男" />男 <input type="radio" name="sex" value="女" />女 <br /> <input type="radio" name="list" value="十分满意" />十分满意 <input type="radio" name="list" value="满意" />满意 <input type="radio" name="list" value="不满意" />不满意 <input type="radio" name="list" value="非常差" />非常差 <br /> <input type="submit" value="submit" id="btnSubmit" /> </form> </body> </html>
二、jquery获取radio单选按钮的值
代码如下:
function checkradio(){ var item = $(":radio:checked"); var len=item.length; if(len>0){ alert("yes--选中的值为:"+$(":radio:checked").val()); } }
三、设置单选按钮被选中
代码如下:
$("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
更多web前端知识,请查阅 搞代码网 !!
以上就是jquery怎么判断单选(radio)按钮是否选中 ?的详细内容,更多请关注gaodaima搞代码网其它相关文章!