jquery判断单选按钮radio是否选中的方法


Posted in Javascript onMay 05, 2015

本文实例讲述了jquery判断单选按钮radio是否选中的方法。分享给大家供大家参考。具体如下:

html代码如下:

<input type="radio" id="d1" name="ra" value="a" checked="checked" />
<input type="radio" id="d2" name="ra" value="b" />
<input type="radio" id="d3" name="ra" value="c" />

1. 加载页面的时候获取id

$("input[type='radio']").each(function(){
  var id= $(this).attr("id");
  if($("#"+id).attr("checked")=="checked"){
   var fs=$("#"+id).val();
  }
});
var s1 = $(".aa:checked").val(); // .aa 为class
var s2 = $("input[name='ra']:checked").val();

2.点击按钮的时候获取id

$(function(){
  $("input[type='radio']").click(function(){
    var id= $(this).attr("id");
    alert(id);
  });
});

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
ExtJS扩展 垂直tabLayout实现代码
Jun 21 Javascript
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
Jun 11 Javascript
javascript中的正则表达式使用指南
Mar 01 Javascript
JavaScript中的toLocaleDateString()方法使用简介
Jun 12 Javascript
概述如何实现一个简单的浏览器端js模块加载器
Dec 07 Javascript
Node.js+ES6+dropload.js实现移动端下拉加载实例
Jun 01 Javascript
javascript 日期相减-在线教程(附代码)
Aug 17 Javascript
使用JS实现气泡跟随鼠标移动的动画效果
Sep 16 Javascript
vue页面离开后执行函数的实例
Mar 13 Javascript
javascript实现点击星星小游戏
Dec 24 Javascript
如何在vue项目中嵌入jsp页面的方法(2种)
Feb 06 Javascript
Openlayers+EasyUI Tree动态实现图层控制
Sep 28 Javascript
JQuery中Bind()事件用法分析
May 05 #Javascript
JS判断字符串包含的方法
May 05 #Javascript
JS实用的动画弹出层效果实例
May 05 #Javascript
js日期范围初始化得到前一个月日期的方法
May 05 #Javascript
javascript实现捕捉键盘上按下的键
May 05 #Javascript
js中this用法实例详解
May 05 #Javascript
javascript中返回顶部按钮的实现
May 05 #Javascript
You might like
浅谈电磁辐射对健康的影响
2021/03/01 无线电
上传多个文件的PHP脚本
2006/11/26 PHP
php中截取中文字符串的代码小结
2011/07/17 PHP
php中使用preg_match_all匹配文章中的图片
2013/02/06 PHP
PHP中使用FFMPEG获取视频缩略图和视频总时长实例
2014/05/04 PHP
PHP+Mysql实现多关键字与多字段生成SQL语句的函数
2014/11/05 PHP
Laravel 5框架学习之向视图传送数据
2015/04/08 PHP
php ActiveMQ的安装与使用方法图文教程
2020/02/23 PHP
半角全角相互转换的js函数
2009/10/16 Javascript
纯JS实现的批量图片预览加载功能
2011/08/14 Javascript
快速查找数组中的某个元素并返回下标示例
2013/09/03 Javascript
ES6学习教程之对象字面量详解
2017/10/09 Javascript
vue源码解析之事件机制原理
2018/04/21 Javascript
Vue路由history模式解决404问题的几种方法
2018/09/29 Javascript
vue ssr+koa2构建服务端渲染的示例代码
2020/03/23 Javascript
JavaScript实现缓动动画
2020/11/25 Javascript
在Python中操作字典之update()方法的使用
2015/05/22 Python
python中hashlib模块用法示例
2017/10/30 Python
Python2包含中文报错的解决方法
2018/07/09 Python
python实现图像检索的三种(直方图/OpenCV/哈希法)
2019/08/08 Python
pandas条件组合筛选和按范围筛选的示例代码
2019/08/26 Python
Python持续监听文件变化代码实例
2020/07/22 Python
python解决OpenCV在读取显示图片的时候闪退的问题
2021/02/23 Python
日本最大的眼镜购物网站:Oh My Glasses
2016/11/13 全球购物
大四学生找工作的自荐信
2014/03/27 职场文书
团队经理竞聘书
2014/03/31 职场文书
股份合作协议书
2014/04/12 职场文书
祖国在我心中演讲稿200字
2014/08/28 职场文书
2015年小学实验室工作总结
2015/07/28 职场文书
2016师德师风学习心得体会
2016/01/12 职场文书
2016年区委书记抓基层党建工作公开承诺书
2016/03/25 职场文书
如何在python中实现ECDSA你知道吗
2021/11/23 Python
MySQL常见优化方案汇总
2022/01/18 MySQL
JavaScript ES6的函数拓展
2022/01/18 Javascript
Python装饰器详细介绍
2022/03/25 Python
golang操作redis的客户端包有多个比如redigo、go-redis
2022/04/14 Golang