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中 For, While与递归的用法
May 07 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
Jun 26 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
Dec 12 Javascript
jQuery中slideUp()方法用法分析
Dec 24 Javascript
特殊日期提示功能的实现方法
Jun 16 Javascript
关于javascript的一些知识以及循环详解
Sep 12 Javascript
ES6中的rest参数与扩展运算符详解
Jul 18 Javascript
AngularJs导出数据到Excel的示例代码
Aug 11 Javascript
vue路由嵌套的SPA实现步骤
Nov 06 Javascript
vue项目中导入swiper插件的方法
Jan 30 Javascript
基于vue2的canvas时钟倒计时组件步骤解析
Nov 05 Javascript
JS猜数字游戏实例讲解
Jun 30 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添加Xdebug扩展的方法
2014/02/12 PHP
如何在旧的PHP系统中使用PHP 5.3之后的库
2015/12/02 PHP
使用PHPExcel导出Excel表
2018/09/08 PHP
漂亮的widgets,支持换肤和后期开发新皮肤(2007-4-27已更新1.7alpha)
2007/04/27 Javascript
jQuery对象和DOM对象使用说明
2010/06/25 Javascript
关于scrollLeft,scrollTop的浏览器兼容性测试
2013/03/19 Javascript
JS可以控制样式的名称写法一览
2014/01/16 Javascript
jquery禁用右键示例
2014/04/28 Javascript
如何编写高质量JS代码(续)
2015/02/25 Javascript
javascript判断数组内是否重复的方法
2015/04/21 Javascript
JavaScript中的数据类型转换方法小结
2015/10/26 Javascript
jQuery操作动态生成的内容的方法
2016/05/28 Javascript
vue.js学习笔记:如何加载本地json文件
2017/01/17 Javascript
Javascript 链式作用域详细介绍
2017/02/23 Javascript
ReactJs实现树形结构的数据显示的组件的示例
2017/08/18 Javascript
自制简易打赏功能的实例
2017/09/02 Javascript
微信小程序开发背景图显示功能
2018/08/08 Javascript
Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法
2019/09/16 Javascript
vue自定义指令实现仅支持输入数字和浮点型的示例
2019/10/30 Javascript
VUE项目axios请求头更改Content-Type操作
2020/07/24 Javascript
vue render函数动态加载img的src路径操作
2020/10/26 Javascript
Python入门教程之运算符与控制流
2016/08/17 Python
Python实现的科学计算器功能示例
2017/08/04 Python
用Python shell简化开发
2018/08/08 Python
彻底理解Python中的yield关键字
2019/04/01 Python
Python中list循环遍历删除数据的正确方法
2019/09/02 Python
Expedia意大利旅游网站:酒店、机票和租车预订
2017/10/30 全球购物
师范生实习自我鉴定
2013/11/01 职场文书
军训的自我鉴定
2013/12/10 职场文书
技术副厂长岗位职责
2013/12/26 职场文书
高中运动会入场词
2014/02/14 职场文书
2014国庆节国旗下演讲稿(精选版)
2014/09/26 职场文书
领导干部作风整顿剖析材料
2014/10/11 职场文书
酒店辞职信怎么写
2015/02/27 职场文书
汽车修理厂管理制度
2015/08/05 职场文书
关于mysql中时间日期类型和字符串类型的选择
2021/11/27 MySQL