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 相关文章推荐
JavaScript Distilled 基础知识与函数
Apr 07 Javascript
JavaScript获取网页、浏览器、屏幕高度和宽度汇总
Dec 18 Javascript
javascript面向对象之对象的深入理解
Jan 13 Javascript
jquery判断至少有一个checkbox被选中的方法
Jun 05 Javascript
原生js实现模拟滚动条
Jun 15 Javascript
javascript实现九宫格相加数值相等
May 28 Javascript
jquery延迟对象解析
Oct 26 Javascript
javascript实现日期三级联动下拉框选择菜单
Dec 03 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
Apr 10 Javascript
JointJS JavaScript流程图绘制框架解析
Aug 15 Javascript
axios如何取消重复无用的请求详解
Dec 15 Javascript
vue+elementui 实现新增和修改共用一个弹框的完整代码
Jun 08 Vue.js
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
浅析PHP程序防止ddos,dns,集群服务器攻击的解决办法
2013/06/18 PHP
PHP IDE PHPStorm配置支持友好Laravel代码提示方法
2015/05/12 PHP
PHP实现压缩图片尺寸并转为jpg格式的方法示例
2018/05/10 PHP
如何解决PHP获取不到SESSION信息之一般情况
2019/10/10 PHP
解决laravel session失效的问题
2019/10/14 PHP
js里的prototype使用示例
2010/11/19 Javascript
javascript中attachEvent用法实例分析
2015/05/14 Javascript
轻松实现javascript图片轮播特效
2016/01/13 Javascript
使用three.js 画渐变的直线
2016/06/05 Javascript
EasyUI框架 使用Ajax提交注册信息的实现代码
2017/09/27 Javascript
详解IWinter 一个路由转控制器的 Nodejs 库
2017/11/15 NodeJs
Rollup处理并打包JS文件项目实例代码
2018/05/31 Javascript
Vue中的异步组件函数实现代码
2018/07/20 Javascript
Vue自定义指令结合阿里云OSS优化图片的实现方法
2019/11/12 Javascript
[02:50]【扭转乾坤,只此一招】DOTA2全新版本永雾林渊开启新篇章
2020/12/24 DOTA
Pythont特殊语法filter,map,reduce,apply使用方法
2016/02/27 Python
Pyinstaller将py打包成exe的实例
2018/03/31 Python
python utc datetime转换为时间戳的方法
2019/01/15 Python
python PyQt5/Pyside2 按钮右击菜单实例代码
2019/08/17 Python
python是怎么被发明的
2020/06/15 Python
基于Python实现体育彩票选号器功能代码实例
2020/09/16 Python
linux系统下pip升级报错的解决方法
2021/01/31 Python
浅析css3中matrix函数的使用
2016/06/06 HTML / CSS
使用javascript和HTML5 Canvas画的四渐变色播放按钮效果
2014/04/10 HTML / CSS
HTML5里的placeholder属性使用实例和美化显示效果的方法
2014/04/23 HTML / CSS
英国女鞋购物网站:Moda in Pelle
2019/02/18 全球购物
会计专业自我鉴定范文
2013/10/06 职场文书
创业计划实施的7大步骤
2014/02/05 职场文书
2014年百日安全生产活动总结
2014/05/04 职场文书
信电学院毕业生自荐书
2014/05/24 职场文书
小学兴趣小组活动总结
2014/07/07 职场文书
授权委托书样本及填写说明
2014/09/19 职场文书
外出培训学习心得体会
2016/01/18 职场文书
公安纪律作风整顿心得体会
2016/01/23 职场文书
golang json数组拼接的实例
2021/04/28 Golang
python开发实时可视化仪表盘的示例
2021/05/07 Python