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 相关文章推荐
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。
Mar 06 Javascript
基于Jquery与WebMethod投票功能实现代码
Jan 19 Javascript
js中如何复制一个对象并获取其所有属性和属性对应的值
Oct 24 Javascript
jQuery替换字符串(实例代码)
Nov 13 Javascript
Node调试工具JSHint的安装及配置教程
May 27 Javascript
完美兼容各大浏览器获取HTTP_REFERER方法总结
Jun 24 Javascript
JavaScript根据CSS的Media Queries来判断浏览设备的方法
May 10 Javascript
js获取ip和地区
Mar 10 Javascript
单击按钮发送验证码,出现倒计时的简单实例
Mar 17 Javascript
基于zepto.js实现登录界面
Oct 09 Javascript
node.js中对Event Loop事件循环的理解与应用实例分析
Feb 14 Javascript
谈谈JavaScript中的函数
Sep 08 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
一个用于MySQL的PHP XML类
2006/10/09 PHP
PHP 超链接 抓取实现代码
2009/06/29 PHP
完美的2个php检测字符串是否是utf-8编码函数分享
2014/07/28 PHP
浅谈使用PHP开发微信支付的流程
2015/10/04 PHP
php无限级分类实现方法分析
2016/10/19 PHP
php实现有序数组打印或排序的方法【附Python、C及Go语言实现代码】
2016/11/10 PHP
php运行报错Call to undefined function curl_init()的最新解决方法
2016/11/20 PHP
PHP实现的分解质因数操作示例
2018/08/01 PHP
jQuery温习篇 强大的JQuery选择器
2010/04/24 Javascript
javascript一些实用技巧小结
2011/03/18 Javascript
jQuery基本选择器选择元素使用介绍
2013/04/18 Javascript
JS实现遮罩层效果的简单实例
2013/11/12 Javascript
JavaScript实现梯形乘法表的方法
2015/04/25 Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
2015/08/12 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
2015/12/08 Javascript
js去字符串前后空格的实现方法
2016/02/26 Javascript
jQuery侧边栏实现代码
2016/05/06 Javascript
jQuery的$.extend 浅拷贝与深拷贝
2017/03/08 Javascript
利用Mongoose让JSON数据直接插入或更新到MongoDB
2017/05/03 Javascript
jQuery动态添加元素无法触发绑定事件的解决方法分析
2018/01/02 jQuery
详解在React里使用&quot;Vuex&quot;
2018/04/02 Javascript
vue.js使用watch监听路由变化的方法
2018/07/08 Javascript
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
2018/09/01 Javascript
微信小程序开发搜索功能实现(前端+后端+数据库)
2020/03/04 Javascript
Python Socket编程入门教程
2014/07/11 Python
Python中json格式数据的编码与解码方法详解
2016/07/01 Python
django 按时间范围查询数据库实例代码
2018/02/11 Python
python字典与json转换的方法总结
2020/12/28 Python
德国汽车零件和汽车配件网上商店:kfzteile24
2018/11/14 全球购物
自我推荐书
2013/12/04 职场文书
商场促销活动策划方案
2014/08/18 职场文书
关于感恩的演讲稿800字
2014/08/26 职场文书
寒暑假实习证明书模板
2014/11/29 职场文书
2017新年晚会开幕词
2016/03/03 职场文书
Python基础之赋值,浅拷贝,深拷贝的区别
2021/04/30 Python
Elasticsearch 索引操作和增删改查
2022/04/19 Python