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 相关文章推荐
showModalDialog 和 showModelessDialog
Jan 22 Javascript
Javascript 构造函数,公有,私有特权和静态成员定义方法
Nov 30 Javascript
JavaScript flash复制库类 Zero Clipboard
Jan 17 Javascript
手机号码,密码正则验证
Sep 04 Javascript
JavaScript使用DeviceOne开发实战(三)仿微信应用
Dec 02 Javascript
JavaScript常用函数工具集:lao-utils
Mar 01 Javascript
非常漂亮的相册集 使用jquery制作相册集
Apr 28 Javascript
完美实现八种js焦点轮播图(下篇)
Apr 20 Javascript
Angular2 组件间通过@Input @Output通讯示例
Aug 24 Javascript
jQuery 开发之EasyUI 添加数据的实例
Sep 26 jQuery
vue拖拽组件使用方法详解
Dec 01 Javascript
什么时候不能在 Node.js 中使用 Lock Files
Jun 24 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
codeigniter教程之多文件上传使用示例
2014/02/11 PHP
javascript showModalDialog,open取得父窗口的方法
2010/03/10 Javascript
JQuery中getJSON的使用方法
2010/12/13 Javascript
JavaScript forEach()遍历函数使用及介绍
2015/07/08 Javascript
提高jQuery性能优化的技巧
2015/08/03 Javascript
Fullpage.js固定导航栏-实现定位导航栏
2016/03/17 Javascript
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
2017/04/10 jQuery
简单实现js轮播图效果
2017/07/14 Javascript
seajs中最常用的7个功能、配置示例
2017/10/10 Javascript
vue项目中跳转到外部链接的实例讲解
2018/09/20 Javascript
在vue中使用echarts图表实例代码详解
2018/10/22 Javascript
详解微信小程序开发(项目从零开始)
2019/06/06 Javascript
原生javascript制作的拼图游戏实现方法详解
2020/02/23 Javascript
Vue结合路由配置递归实现菜单栏功能
2020/06/16 Javascript
python获取一组数据里最大值max函数用法实例
2015/05/26 Python
python下读取公私钥做加解密实例详解
2017/03/29 Python
Python中shape计算矩阵的方法示例
2017/04/21 Python
Python自定义函数计算给定日期是该年第几天的方法示例
2019/05/30 Python
python区块及区块链的开发详解
2019/07/03 Python
Django实现文件上传和下载功能
2019/10/06 Python
PyQt5+python3+pycharm开发环境配置教程
2020/03/24 Python
俄罗斯和世界各地的酒店预订:Hotels.com俄罗斯
2016/08/19 全球购物
欧洲第一中国智能手机和平板电脑网上商店:CECT-SHOP
2018/01/08 全球购物
以下的初始化有什么区别
2013/12/16 面试题
C#笔试题
2015/07/14 面试题
数控专业自荐书范文
2014/03/16 职场文书
家长对老师的评语
2014/04/18 职场文书
大专学生求职自荐信
2014/07/06 职场文书
2014年群众路线党员自我评议
2014/09/24 职场文书
数学教师个人工作总结
2015/02/06 职场文书
哈姆雷特读书笔记
2015/06/29 职场文书
2016年记者节感言
2015/12/08 职场文书
大学生各类奖学金申请书
2019/06/24 职场文书
pytorch 一行代码查看网络参数总量的实现
2021/05/12 Python
利用JavaScript写一个简单计算器
2021/11/27 Javascript
Apache Hudi集成Spark SQL操作hide表
2022/03/31 Servers