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 相关文章推荐
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
Jun 14 Javascript
node.js中的fs.mkdirSync方法使用说明
Dec 17 Javascript
深入理解JavaScript系列(45):代码复用模式(避免篇)详解
Mar 04 Javascript
jquery实现表单验证简单实例演示
Nov 23 Javascript
深入浅析Extjs中store分组功能的使用方法
Apr 20 Javascript
js清除浏览器缓存的几种方法
Mar 15 Javascript
jQuery表单验证之密码确认
May 22 jQuery
Windows下Node.js安装及环境配置方法
Sep 18 Javascript
浅谈Vue Element中Select下拉框选取值的问题
Mar 01 Javascript
小程序调用微信支付的方法
Sep 26 Javascript
在Vue中获取自定义属性方法:data-id的实例
Sep 09 Javascript
vue完美实现el-table列宽自适应
May 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如何实现订单的延时处理详解
2017/12/30 PHP
PDO::prepare讲解
2019/01/29 PHP
PHP pthreads v3使用中的一些坑和注意点分析
2020/02/21 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
JS 遮照层实现代码
2010/03/31 Javascript
jQuery+CSS 半开折叠效果原理及代码(自写)
2013/03/04 Javascript
Javascript 中 null、NaN和undefined的区别总结
2013/04/10 Javascript
jQuery取得select选择的文本与值的示例
2013/12/09 Javascript
JS弹出可拖拽可关闭的div层完整实例
2015/02/13 Javascript
javascript中slice(),splice(),split(),substring(),substr()使用方法
2015/03/13 Javascript
AspNet中使用JQuery上传插件Uploadify详解
2015/05/20 Javascript
jQuery里filter()函数与find()函数用法分析
2015/06/24 Javascript
jquery捕捉回车键及获取checkbox值与异步请求的方法
2015/12/24 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
2016/01/15 Javascript
JQuery解析XML的方法小结
2016/04/02 Javascript
AnjularJS中$scope和$rootScope的区别小结
2016/09/18 Javascript
AngularJS中下拉框的基本用法示例
2017/10/11 Javascript
JavaScript模块详解
2017/12/18 Javascript
在ES5与ES6环境下处理函数默认参数的实现方法
2018/05/13 Javascript
微信小程序实现收藏与取消收藏切换图片功能
2018/08/03 Javascript
node.js使用express框架进行文件上传详解
2019/03/03 Javascript
用js简单提供增删改查接口
2019/05/12 Javascript
微信小程序实现带参数的分享功能(两种方法)
2019/05/17 Javascript
深入理解JavaScript 箭头函数
2019/05/30 Javascript
[13:40]TI3青蛙君全程回顾 DOTA2我们为梦想再战
2013/09/13 DOTA
[14:21]VICI vs EG (BO3)
2018/06/07 DOTA
Python中不同进制的语法及转换方法分析
2016/07/27 Python
python3.5 cv2 获取视频特定帧生成jpg图片
2019/08/28 Python
Python中pyecharts安装及安装失败的解决方法
2020/02/18 Python
学习党章思想汇报
2014/01/07 职场文书
单位刻章介绍信范文
2014/01/11 职场文书
年终晚会主持词
2014/03/25 职场文书
答谢会策划方案
2014/05/12 职场文书
求职自我推荐信
2014/06/25 职场文书
花田少年史观后感
2015/06/16 职场文书
如何更改Win11声音输出设备?Win11声音输出设备四种更改方法
2022/04/08 数码科技