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实现点击图片改变页面背景图的方法
Feb 28 Javascript
JS实现的简洁二级导航菜单雏形效果
Oct 13 Javascript
详解如何用webpack打包一个网站应用项目
Jul 12 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
Feb 10 Javascript
解决Vue不能检测数组或对象变动的问题
Feb 24 Javascript
vue如何根据网站路由判断页面主题色详解
Nov 02 Javascript
JQuery属性操作与循环用法示例
May 15 jQuery
javascript创建元素和删除元素实例小结
Jun 19 Javascript
vue filter 完美时间日期格式的代码
Aug 14 Javascript
vue+element树组件 实现树懒加载的过程详解
Oct 21 Javascript
在博客园博文中添加自定义右键菜单的方法详解
Feb 05 Javascript
jQuery 实现DOM元素拖拽交换位置的实例代码
Jul 14 jQuery
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通过COM使用ADODB的简单例子
2006/12/31 PHP
php通过隐藏表单控件获取到前两个页面的url
2014/09/09 PHP
PHP、Java des加密解密实例
2015/04/27 PHP
Yii2 中实现单点登录的方法
2018/03/09 PHP
PHP钩子实现方法解析
2019/05/21 PHP
Laravel使用Queue队列的技巧汇总
2019/09/02 PHP
javascript Select标记中options操作方法集合
2008/10/22 Javascript
基于jQuery实现文本框缩放以及上下移动功能
2014/11/24 Javascript
jQuery ajax分页插件实例代码
2016/01/27 Javascript
jQuery获取父元素及父节点的方法小结
2016/04/14 Javascript
在AngularJS中使用jQuery的zTree插件的方法
2016/04/21 Javascript
jQuery unbind 删除绑定事件详解
2016/05/24 Javascript
jquery自定义表单验证插件
2016/10/12 Javascript
使用开源工具制作网页验证码的方法
2016/10/17 Javascript
如何开发出更好的JavaScript模块
2017/12/22 Javascript
jquery写出PC端轮播图实例
2018/01/26 jQuery
在vue里使用codemirror遇到的问题
2018/11/01 Javascript
JavaScript中常用的简洁高级技巧总结
2019/03/10 Javascript
开发中常用的25个JavaScript单行代码(小结)
2019/06/28 Javascript
element-ui 本地化使用教程详解
2019/10/28 Javascript
Node.js中console.log()输出彩色字体的方法示例
2019/12/01 Javascript
小程序实现背景音乐播放和暂停
2020/06/19 Javascript
[02:38]DOTA2超级联赛专访Loda 认为IG世界最强
2013/05/27 DOTA
[41:08]TNC vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
django数据库migrate失败的解决方法解析
2018/02/08 Python
pycharm远程linux开发和调试代码的方法
2018/07/17 Python
在python中实现将一张图片剪切成四份的方法
2018/12/05 Python
django中的数据库迁移的实现
2020/03/16 Python
python将unicode和str互相转化的实现
2020/05/11 Python
html标签之Object和EMBED标签详解
2013/07/04 HTML / CSS
HTML5中外部浏览器唤起微信分享功能的代码
2020/09/15 HTML / CSS
世界知名接发和假发品牌:Poze Hair
2017/03/08 全球购物
The Hut美国/加拿大:英国领先的豪华在线百货商店
2019/03/26 全球购物
秋季运动会加油稿200字
2014/01/11 职场文书
银行贷款收入证明
2014/10/17 职场文书
请假条应该怎么写?
2019/06/24 职场文书