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 相关文章推荐
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
Jul 26 Javascript
jquery中插件实现自动添加用户的具体代码
Nov 15 Javascript
原生的html元素选择器类似jquery选择器
Oct 15 Javascript
jquery实现先淡出再折叠收起的动画效果
Aug 07 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
Sep 08 Javascript
javascript实现Email邮件显示与删除功能
Nov 21 Javascript
基于JavaScript实现div层跟随滚动条滑动
Jan 12 Javascript
JS实战篇之收缩菜单表单布局
Dec 10 Javascript
Javascript设计模式之装饰者模式详解篇
Jan 17 Javascript
详解Vue依赖收集引发的问题
Apr 22 Javascript
JS前端广告拦截实现原理解析
Feb 17 Javascript
Vue.js中v-for指令的用法介绍
Mar 13 Vue.js
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 闭包特性在实际应用中的问题
2009/10/30 PHP
分享一下贝贝成长进度的php代码
2012/09/14 PHP
php中call_user_func函数使用注意事项
2014/11/21 PHP
PHP使用curl制作简易百度搜索
2016/11/03 PHP
thinkPHP5.0框架简单配置作用域的方法
2017/03/17 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
Jquery中获取iframe的代码
2011/01/11 Javascript
jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
2011/11/10 Javascript
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
2013/12/08 Javascript
20条学习javascript的编程规范的建议
2014/11/28 Javascript
使用javascript获取页面名称
2014/12/23 Javascript
JavaScript操作URL的相关内容集锦
2015/10/29 Javascript
JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt
2015/11/17 Javascript
详解vue父子模版嵌套案例
2017/03/04 Javascript
Vue分页组件实例代码
2017/04/17 Javascript
解决Angular.js中使用Swiper插件不能滑动的问题
2018/02/26 Javascript
vue.extend与vue.component的区别和联系
2018/09/19 Javascript
Vue.js 中的 v-model 指令及绑定表单元素的方法
2018/12/03 Javascript
vue 移动端注入骨架屏的配置方法
2019/06/25 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
2020/11/11 Javascript
[02:05]2014DOTA2西雅图国际邀请赛 BBC第二天小组赛总结
2014/07/11 DOTA
Flask解决跨域的问题示例代码
2018/02/12 Python
Django 项目重命名的实现步骤解析
2019/08/14 Python
python中如何写类
2020/06/29 Python
Python实现迪杰斯特拉算法过程解析
2020/09/18 Python
HTML5页面中尝试调起APP功能
2017/09/12 HTML / CSS
化石印度尼西亚在线商店:Fossil Indonesia
2019/03/11 全球购物
建筑系毕业生自我鉴定
2014/01/24 职场文书
成龙霸王洗发水广告词
2014/03/14 职场文书
本科毕业自我鉴定
2014/03/20 职场文书
《小猪家的桃花树》教学反思
2014/04/11 职场文书
中学生操行评语
2014/04/24 职场文书
关于工作时间玩手机的检讨书
2014/09/18 职场文书
2014年党员个人剖析材料
2014/10/08 职场文书
MySQL开启事务的方式
2021/06/26 MySQL
Golang gRPC HTTP协议转换示例
2022/06/16 Golang