JQuery判断radio是否选中并获取选中值的示例代码
更新时间:2014年10月17日 16:53:10 投稿:whsnow
这篇文章主要介绍了JQuery判断radio是否选中并获取选中值的方法,代码很简单,但很实用,需要的朋友可以参考下
其他对radio操作功能,以后在添加。直接上代码,别忘记引用JQuery包
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JQuery radio</title> <script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" ></script> <script type="text/javascript" language="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="form1" > <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>
网友评论:var boolCheck=$('input:radio[name="sex"]').is(":checked"); 比较好,这种方法较简洁
is() 根据选择器、元素或 jQuery 对象来检测匹配元素集合,如果这些元素中至少有一个元素匹配给定的参数,则返回 true。
如果您保存后乱码,这里推荐使用notepad++处理。
您可能感兴趣的文章:
- JQuery判断radio(单选框)是否选中和获取选中值方法总结
- JQuery控制radio选中和不选中方法总结
- Jquery选中或取消radio示例
- 如何使用Jquery获取Form表单中被选中的radio值
- jquery判断单选按钮radio是否选中的方法
- jquery checkbox,radio是否选中的判断代码
- Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
- jquery判断RadioButtonList和RadioButton中是否有选中项示例
- asp.net使用jQuery获取RadioButtonList成员选中内容和值示例
- jQuery实现radio第一次点击选中第二次点击取消功能
相关文章
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
这篇文章主要介绍了jQuery autoComplete插件两种使用方式及动态改变参数值的方法,结合实例形式分析了jQuery自动匹配插件autoComplete的使用技巧与动态改变参数传入值的实现方法,需要的朋友可以参考下2016-10-10使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
这篇文章主要介绍了使用jQuery+EasyUI实现CheckBoxTree的级联选中特效的相关资料,需要的朋友可以参考下2015-12-12
最新评论