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之ESC(第二类混淆)
May 06 Javascript
DOM 脚本编程中的兄弟节点
Oct 31 Javascript
jquery 防止表单重复提交代码
Jan 21 Javascript
使用jquery获取网页中图片高度的两种方法
Sep 26 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
Dec 12 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
Jul 17 Javascript
zepto.js中tap事件阻止冒泡的实现方法
Feb 12 Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
Aug 05 Javascript
node.js自动上传ftp的脚本分享
Jun 16 Javascript
详解javascript 变量提升(Hoisting)
Mar 12 Javascript
Vue.js中的extend绑定节点并显示的方法
Jun 20 Javascript
vue源码中的检测方法的实现
Sep 26 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 insert语法详解
2008/06/07 PHP
PHP整数取余返回负数的相关解决方法
2014/05/15 PHP
PHP与MYSQL中UTF8 中文排序示例代码
2014/10/23 PHP
浅析php单例模式
2014/11/25 PHP
谈谈 PHP7新增功能
2015/12/16 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
基于PHP实现邮箱验证激活过程详解
2020/10/28 PHP
用jquery实现自定义风格的滑动条实现代码
2011/04/26 Javascript
js鼠标滑过弹出层的定位IE6bug解决办法
2012/12/26 Javascript
定时器(setTimeout/setInterval)调用带参函数失效解决方法
2013/03/26 Javascript
解决javascript:window.close()在chrome,Firefox下失效的问题
2013/05/07 Javascript
js实现两个值相加alert出来精确到指定位
2013/09/25 Javascript
node.js超时timeout详解
2014/11/26 Javascript
基于jquery实现select选择框内容左右移动添加删除代码分享
2015/08/25 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
2016/11/16 Javascript
Vue基于NUXT的SSR详解
2017/10/24 Javascript
JS 实现百度搜索功能
2018/02/01 Javascript
Vue-cli Eslint在vscode里代码自动格式化的方法
2018/02/23 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
2018/09/28 Javascript
基于layui内置模块(element常用元素的操作)
2019/09/20 Javascript
Vue实现将数据库中带html标签的内容输出(原始HTML(Raw HTML))
2019/10/28 Javascript
element-ui table行点击获取行索引(index)并利用索引更换行顺序
2020/02/27 Javascript
[42:20]2014 DOTA2华西杯精英邀请赛5 24 DK VS NewBee
2014/05/25 DOTA
Python中使用PyQt把网页转换成PDF操作代码实例
2015/04/23 Python
Tensorflow实现卷积神经网络的详细代码
2018/05/24 Python
python实现雨滴下落到地面效果
2018/06/21 Python
Python第三方库face_recognition在windows上的安装过程
2019/05/03 Python
python使用socket实现的传输demo示例【基于TCP协议】
2019/09/24 Python
python调用c++返回带成员指针的类指针实例
2019/12/12 Python
jupyter lab的目录调整及设置默认浏览器为chrome的方法
2020/04/10 Python
Python 远程开关机的方法
2020/11/18 Python
Python类型转换的魔术方法详解
2020/12/23 Python
利用Storage Event实现页面间通信的示例代码
2018/07/26 HTML / CSS
采购意向书范本
2014/03/31 职场文书
学雷锋活动总结报告
2014/06/26 职场文书
Python文件的操作示例的详细讲解
2021/04/08 Python