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 相关文章推荐
Sample script that displays all of the users in a given SQL Server DB
Jun 16 Javascript
JavaScript 对Cookie 操作的封装小结
Dec 31 Javascript
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
Aug 13 Javascript
单独使用CKFinder选择图片的方法
Aug 21 Javascript
js中函数调用的两种常用方法使用介绍
Jul 17 Javascript
JavaScript获取当前cpu使用率的方法
Dec 15 Javascript
javascript数组克隆简单实现方法
Dec 16 Javascript
jQuery使用getJSON方法获取json数据完整示例
Sep 13 Javascript
js实现小窗口拖拽效果
Dec 03 Javascript
vue-cli3.0 脚手架搭建项目的过程详解
Oct 19 Javascript
关于vue2强制刷新,解决页面不会重新渲染的问题
Oct 29 Javascript
vue 组件开发原理与实现方法详解
Nov 29 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
php中\r \r\n \t的区别示例介绍
2014/02/08 PHP
php版淘宝网查询商品接口代码示例
2014/06/17 PHP
PHP采集类Snoopy抓取图片实例
2014/06/19 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
javascript 解析后的xml对象的读取方法细解
2009/07/25 Javascript
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
2010/11/21 Javascript
JQuery获取样式中的background-color颜色值的问题
2013/08/20 Javascript
js动态修改input输入框的type属性(实现方法解析)
2013/11/13 Javascript
jquery validate在ie8下的bug解决方法
2013/11/13 Javascript
js charAt的使用示例
2014/02/18 Javascript
JavaScript和CSS交互的方法汇总
2014/12/02 Javascript
详解JavaScript中|单竖杠运算符的使用方法
2016/05/23 Javascript
微信小程序 picker 组件详解及简单实例
2017/01/10 Javascript
Vue按需加载的具体实现
2017/12/02 Javascript
react 原生实现头像滚动播放的示例
2020/04/21 Javascript
JavaScript中数组去重的5种方法
2020/07/04 Javascript
WebPack工具运行原理及入门教程
2020/12/02 Javascript
Python连接PostgreSQL数据库的方法
2016/11/28 Python
Python解决八皇后问题示例
2018/04/22 Python
Python使用matplotlib模块绘制图像并设置标题与坐标轴等信息示例
2018/05/04 Python
Python爬虫实现(伪)球迷速成
2018/06/10 Python
在Python中调用Ping命令,批量IP的方法
2019/01/26 Python
实例讲解Python中浮点型的基本内容
2019/02/11 Python
Python字符串逆序的实现方法【一题多解】
2019/02/18 Python
python获取磁盘号下盘符步骤详解
2019/06/19 Python
关于python中密码加盐的学习体会小结
2019/07/15 Python
Django多数据库的实现过程详解
2019/08/01 Python
python中pivot()函数基础知识点
2021/01/03 Python
黄继光的英雄事迹材料
2014/02/13 职场文书
《四季》教学反思
2014/04/08 职场文书
市场营销专业毕业生求职信
2014/07/21 职场文书
2014年行政部工作总结
2014/11/19 职场文书
爱情保证书
2015/01/17 职场文书
2015年创先争优工作总结
2015/05/23 职场文书
新娘父亲婚礼致辞
2015/07/27 职场文书
Nginx性能优化之Gzip压缩设置详解(最大程度提高页面打开速度)
2022/02/12 Servers