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 相关文章推荐
Js的MessageBox
Dec 03 Javascript
javascript 动态生成私有变量访问器
Dec 06 Javascript
Java/JS获取flash高宽的具体方法
Dec 27 Javascript
JS获取节点的兄弟,父级,子级元素的方法
Jan 09 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
May 28 Javascript
jQuery的text()方法用法分析
Dec 20 Javascript
jQuery实现类似标签风格的导航菜单效果代码
Aug 25 Javascript
利用百度地图API获取当前位置信息的实例
Nov 06 Javascript
vue数据控制视图源码解析
Mar 28 Javascript
vue-cli与webpack处理静态资源的方法及webpack打包的坑
May 15 Javascript
angularjs1.5 组件内用函数向外传值的实例
Sep 30 Javascript
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
Mar 01 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采集相关教程之一 CURL函数库
2010/02/15 PHP
PHP采集类Snoopy抓取图片实例
2014/06/19 PHP
php实现与erlang的二进制通讯实例解析
2014/07/23 PHP
laravel如何开启跨域功能示例详解
2017/08/31 PHP
ajax处理php返回json数据的实例代码
2013/01/24 Javascript
javascript页面加载完执行事件代码
2014/02/11 Javascript
node.js中使用socket.io的方法
2014/12/15 Javascript
使用jQueryMobile实现滑动翻页效果的方法
2015/02/04 Javascript
jQuery实现自动调整字体大小的方法
2015/06/15 Javascript
实现非常简单的js双向数据绑定
2015/11/06 Javascript
基于jquery实现轮播特效
2016/04/22 Javascript
JQuery动态添加Select的Option元素实现方法
2016/08/29 Javascript
Bootstrap CDN和本地化环境搭建
2016/10/26 Javascript
js实现简易聊天对话框
2017/08/17 Javascript
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
2017/09/18 Javascript
微信小程序wx.previewImage预览图片实例详解
2017/12/07 Javascript
Node.js使用MongoDB的ObjectId作为查询条件的方法
2019/09/10 Javascript
[51:22]Fnatic vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python面向对象程序设计之私有属性及私有方法示例
2019/04/08 Python
python实现录屏功能(亲测好用)
2020/03/02 Python
PyTorch在Windows环境搭建的方法步骤
2020/05/12 Python
基于Tensorflow的MNIST手写数字识别分类
2020/06/17 Python
详解python的super()的作用和原理
2020/10/29 Python
澳大利亚冒险体验:Adrenaline(跳伞、V8赛车、热气球等)
2017/09/18 全球购物
联想韩国官网:Lenovo Korea
2018/05/10 全球购物
LG西班牙网上商店:Tienda LG Online Es
2019/07/30 全球购物
JACK & JONES荷兰官网:男士服装和鞋子
2021/03/07 全球购物
大学生入党思想汇报
2014/01/14 职场文书
组织关系转移介绍信
2014/01/16 职场文书
电视购物广告词
2014/03/19 职场文书
新年爱情寄语
2014/04/08 职场文书
大学生创业计划书
2014/08/14 职场文书
民主评议党员自我评议范文2014
2014/09/26 职场文书
小学校本教研总结
2015/08/13 职场文书
2019感恩宣传标语!
2019/07/05 职场文书
maven 解包依赖项中的文件的解决方法
2022/07/15 Java/Android