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 创建运动框架的实现代码
May 08 Javascript
JavaScript实现网站访问次数统计代码
Aug 12 Javascript
js提交form表单,并传递参数的实现方法
May 25 Javascript
Restify中接入Socket.io报Error:Can’t set headers的错误解决
Mar 28 Javascript
JS实现简单拖拽效果
Jun 21 Javascript
解决vue router使用 history 模式刷新后404问题
Jul 19 Javascript
利用node.js+mongodb如何搭建一个简单登录注册的功能详解
Jul 30 Javascript
详解React 的几种条件渲染以及选择
Oct 23 Javascript
基于js实现数组相邻元素上移下移
May 19 Javascript
解决vue组件销毁之后计时器继续执行的问题
Jul 21 Javascript
原生JavaScript实现刮刮乐
Sep 29 Javascript
javascript中闭包closure的深入讲解
Mar 03 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+jQuery 注册模块的改进(一):验证码存入SESSION
2014/10/14 PHP
跟我学Laravel之路由
2014/10/15 PHP
PHP获取QQ达人QQ信息的方法
2015/03/05 PHP
php实现图片等比例缩放代码
2015/07/23 PHP
PHP的mysqli_stmt_init()函数讲解
2019/01/24 PHP
PHP设计模式之命令模式示例详解
2020/12/20 PHP
JavaScript对象链式操作代码(jquery)
2010/07/04 Javascript
jQuery 图片切换插件(代码比较少)
2012/05/07 Javascript
js键盘上下左右键怎么触发function(实例讲解)
2013/12/14 Javascript
动态创建script在IE中缓存js文件时导致编码的解决方法
2014/05/04 Javascript
jQuery针对各类元素操作基础教程
2014/08/29 Javascript
JQuery操作元素的css样式
2015/03/09 Javascript
js实现简单计算器
2015/11/22 Javascript
jQuery ready()和onload的加载耗时分析
2016/09/08 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
2016/12/28 Javascript
js常用DOM方法详解
2017/02/04 Javascript
原生JS实现图片网格式渐显、渐隐效果
2017/06/05 Javascript
微信小程序实现搜索功能
2020/03/10 Javascript
[05:04]完美世界携手游戏风云打造 卡尔工作室地图界面篇
2013/04/23 DOTA
使用python快速在局域网内搭建http传输文件服务的方法
2019/11/14 Python
tensorboard显示空白的解决
2020/02/15 Python
pycharm Tab键设置成4个空格的操作
2021/02/26 Python
AmazeUI的下载配置与Helloworld的实现
2020/08/19 HTML / CSS
匡威帆布鞋美国官网:Converse美国
2016/08/22 全球购物
挪威手表购物网站:Klokker
2016/09/19 全球购物
伦敦高达60%折扣的钻石珠宝商:Purely Diamonds
2018/06/24 全球购物
Rowdy Gentleman服装和配饰:美好时光
2019/09/24 全球购物
Bloomingdale’s阿联酋:选购奢华时尚、美容及更多
2020/09/22 全球购物
爱护公共设施的标语
2014/06/24 职场文书
关于感恩的演讲稿800字
2014/08/26 职场文书
客房服务员岗位职责
2015/02/09 职场文书
紫日观后感
2015/06/05 职场文书
2015年物业管理员工工作总结
2015/10/15 职场文书
Pyhton模块和包相关知识总结
2021/05/12 Python
springboot临时文件存储目录配置方式
2021/07/01 Java/Android