JQuery判断radio是否选中并获取选中值的示例代码


Posted in Javascript onOctober 17, 2014

其他对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++处理。

Javascript 相关文章推荐
浅谈关于JavaScript的语言特性分析
Apr 11 Javascript
JS控制图片翻转示例代码(兼容firefox,ie,chrome)
Dec 19 Javascript
AngularJS基础知识
Dec 21 Javascript
jQuery插件Slider Revolution实现响应动画滑动图片切换效果
Jun 05 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
Jun 24 Javascript
微信小程序 form组件详解
Oct 25 Javascript
Nginx 配置多站点vhost 的方法
Jan 07 Javascript
Vue 中使用vue2-highcharts实现top功能的示例
Mar 05 Javascript
JS遍历DOM文档树的方法实例详解
Apr 03 Javascript
angularjs手动识别字符串中的换行符方法
Oct 02 Javascript
vue组件之间通信实例总结(点赞功能)
Dec 05 Javascript
JS使用正则表达式提交页面验证的代码
Oct 16 Javascript
JS判断浏览器是否支持某一个CSS3属性的方法
Oct 17 #Javascript
js onmousewheel事件多次触发问题解决方法
Oct 17 #Javascript
js实现飞入星星特效代码
Oct 17 #Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
Oct 17 #Javascript
JavaScript strike方法入门实例(给字符串加上删除线)
Oct 17 #Javascript
JavaScript link方法入门实例(给字符串加上超链接)
Oct 17 #Javascript
JavaScript italics方法入门实例(把字符串显示为斜体)
Oct 17 #Javascript
You might like
php 判断服务器操作系统的类型
2014/02/17 PHP
模板引擎smarty工作原理以及使用示例
2014/05/25 PHP
javascript cookies 设置、读取、删除实例代码
2010/04/12 Javascript
基于Jquery的淡入淡出的特效基础练习
2010/12/13 Javascript
javascript写的日历类(基于pj)
2010/12/28 Javascript
js onmousewheel事件多次触发问题解决方法
2014/10/17 Javascript
js实现每日自动换一张图片的方法
2015/05/04 Javascript
js中substring和substr两者区别和使用方法
2015/11/09 Javascript
详解JavaScript的内置对象
2016/12/07 Javascript
如何解决hover在ie6中的兼容性问题
2016/12/15 Javascript
React实现点击删除列表中对应项
2017/01/10 Javascript
微信小程序多张图片上传功能
2017/06/07 Javascript
使用sessionStorage解决vuex在页面刷新后数据被清除的问题
2018/04/13 Javascript
vue通过点击事件读取音频文件的方法
2018/05/30 Javascript
JS中的两种数据类型及实现引用类型的深拷贝的方法
2018/08/12 Javascript
layui弹出层按钮提交iframe表单的方法
2018/08/20 Javascript
vue组件实践之可搜索下拉框功能
2018/11/25 Javascript
解决Vue调用springboot接口403跨域问题
2019/09/02 Javascript
JS实现canvas简单小画板功能
2020/06/23 Javascript
使用webpack5从0到1搭建一个react项目的实现步骤
2020/12/16 Javascript
Python的装饰器模式与面向切面编程详解
2015/06/21 Python
Pythont特殊语法filter,map,reduce,apply使用方法
2016/02/27 Python
使用Python3制作TCP端口扫描器
2017/04/17 Python
利用Python实现Windows下的鼠标键盘模拟的实例代码
2017/07/13 Python
python3操作微信itchat实现发送图片
2018/02/24 Python
python 创建一个空dataframe 然后添加行数据的实例
2018/06/07 Python
解决pyinstaller打包exe文件出现命令窗口一闪而过的问题
2018/10/31 Python
django的ORM模型的实现原理
2019/03/04 Python
在python中画正态分布图像的实例
2019/07/08 Python
基于pandas向csv添加新的行和列
2020/05/25 Python
python 爬取腾讯视频评论的实现步骤
2021/02/18 Python
餐饮主管岗位职责
2013/12/10 职场文书
酒店总经理职务说明书
2014/02/26 职场文书
2014年管理人员工作总结
2014/12/01 职场文书
大学生个人总结范文
2015/02/15 职场文书
Windows 11要来了?微软文档揭示Win11太阳谷 / Win10有两个不同版本
2021/11/21 数码科技