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 相关文章推荐
javascript背投广告代码的完善
Apr 08 Javascript
Javascript中的相等与不等运算
Apr 25 Javascript
5个最佳的Javascript日期处理类库分享
Apr 15 Javascript
JavaScript整除运算函数ceil和floor的区别分析
Apr 14 Javascript
jQuery与Ajax以及序列化
Feb 01 Javascript
用Node提供静态文件服务的方法
Jul 06 Javascript
React+TypeScript+webpack4多入口配置详解
Aug 08 Javascript
layer.js open 隐藏滚动条的例子
Sep 05 Javascript
基于vue的tab-list类目切换商品列表组件的示例代码
Feb 14 Javascript
Vue 中如何将函数作为 props 传递给组件的实现代码
May 12 Javascript
js中延迟加载和预加载的具体使用
Jan 14 Javascript
Vue+TypeScript中处理computed方式
Apr 02 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
ThinkPHP跳转页success及error模板实例教程
2014/07/17 PHP
php中分页及SqlHelper类用法实例
2017/01/12 PHP
PHP实现限制IP访问的方法
2017/04/20 PHP
[JS]点出统计器
2020/10/11 Javascript
将函数的实际参数转换成数组的方法
2010/01/25 Javascript
javascript 折半查找字符在数组中的位置(有序列表)
2010/12/09 Javascript
jQuery实现带动画效果的二级下拉导航方法
2015/03/11 Javascript
JQuery实现样式设置、追加、移除与切换的方法
2015/06/11 Javascript
javascript中checkbox使用方法简单实例演示
2015/11/17 Javascript
jquery显示隐藏元素的实现代码
2016/05/19 Javascript
Google 地图API资料整理及详细介绍
2016/08/06 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
2016/08/10 Javascript
微信小程序 连续旋转动画(this.animation.rotate)详解
2017/04/07 Javascript
vee-validate vue 2.0自定义表单验证的实例
2018/08/28 Javascript
vue+axios+element ui 实现全局loading加载示例
2018/09/11 Javascript
详解vuejs2.0 select 动态绑定下拉框支持多选
2019/04/25 Javascript
vue 父组件通过v-model接收子组件的值的代码
2019/10/27 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
2019/12/23 jQuery
[01:24]DOTA2上海特锦赛OG战队抵达 专车接机入驻总统套房
2016/02/23 DOTA
python中正则表达式的使用详解
2014/10/17 Python
python入门教程之识别验证码
2017/03/04 Python
Python 在字符串中加入变量的实例讲解
2018/05/02 Python
linux下python使用sendmail发送邮件
2018/05/22 Python
手把手教你如何安装Pycharm(详细图文教程)
2018/11/28 Python
Python使用requests提交HTTP表单的方法
2018/12/26 Python
Python爬取豆瓣视频信息代码实例
2019/11/16 Python
python3注册全局热键的实现
2020/03/22 Python
CSS3弹性盒模型开发笔记(一)
2016/04/26 HTML / CSS
Chain Reaction Cycles俄罗斯:世界上最大的在线自行车商店
2019/08/27 全球购物
高校学生干部的自我评价分享
2013/11/04 职场文书
趣味活动策划方案
2014/02/08 职场文书
经典禁毒标语
2014/06/16 职场文书
社会工作专业自荐信
2014/09/26 职场文书
生死抉择观后感
2015/06/09 职场文书
2016民族团结先进个人事迹材料
2016/02/26 职场文书
Python matplotlib绘制雷达图
2022/04/13 Python