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 相关文章推荐
接收键盘指令的脚本
Jun 26 Javascript
jQuery 方法大全方便学习参考
Feb 25 Javascript
dtree 网页树状菜单及传递对象集合到js内,动态生成节点
Apr 14 Javascript
jQuery设置与获取HTML,文本和值的简单实例
Feb 26 Javascript
JavaScript 节流函数 Throttle 详解
Jul 04 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
Feb 13 Javascript
Vue.js学习笔记之修饰符详解
Jul 25 Javascript
在React 组件中使用Echarts的示例代码
Nov 08 Javascript
15个顶级开源JavaScript框架和库
Oct 10 Javascript
element-ui组件中input等的change事件中传递自定义参数
May 22 Javascript
JavaScript利用键盘码控制div移动
Mar 19 Javascript
详解vue 组件注册
Nov 20 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 动态执行带有参数的类方法
2009/04/10 PHP
逆序二维数组插入一元素的php代码
2012/06/08 PHP
phpmailer中文乱码问题的解决方法
2014/04/22 PHP
PHP高手需要要掌握的知识点
2014/08/21 PHP
php中关于长度计算容易混淆的问题分析
2016/05/27 PHP
Thinkphp 框架配置操作之动态配置、扩展配置及批量配置实例分析
2020/05/15 PHP
扩展String功能方法
2006/09/22 Javascript
Mootools 图片展示插件(lightbox,ImageMenu)收集集合
2010/05/21 Javascript
jQuery/CSS3图片特效插件整理推荐
2014/12/07 Javascript
Angularjs 基础入门
2014/12/26 Javascript
JS触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器
2016/10/30 Javascript
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
2017/06/09 jQuery
实例讲解DataTables固定表格宽度(设置横向滚动条)
2017/07/11 Javascript
浅谈vue的踩坑路
2017/08/31 Javascript
JQuery 又谈ajax局部刷新
2017/11/27 jQuery
解决Layui数据表格中checkbox位置不居中的方法
2018/08/15 Javascript
微信小程序CSS3动画下拉菜单效果
2018/11/04 Javascript
小程序开发中如何使用async-await并封装公共异步请求的方法
2019/01/20 Javascript
jQuery实现的隔行变色功能【案例】
2019/02/18 jQuery
nodejs实现的http、https 请求封装操作示例
2020/02/06 NodeJs
JS获取表格视图所选行号的ids过程解析
2020/02/21 Javascript
[16:21]教你分分钟做大人:圣堂刺客
2014/12/03 DOTA
Python的randrange()方法使用教程
2015/05/15 Python
Python实现二叉搜索树
2016/02/03 Python
python爬虫爬取网页表格数据
2018/03/07 Python
python 使用poster模块进行http方式的文件传输到服务器的方法
2019/01/15 Python
Python文件操作模拟用户登陆代码实例
2020/06/09 Python
python os.listdir()乱码解决方案
2021/01/31 Python
html5读取本地文件示例代码
2014/04/22 HTML / CSS
行政总经理岗位职责
2013/12/05 职场文书
2014小学植树节活动总结
2014/03/10 职场文书
《鸟岛》教学反思
2014/04/26 职场文书
党的群众路线教育实践活动对照检查材料思想汇报
2014/09/19 职场文书
学生会招新宣传语
2015/07/13 职场文书
Nginx安装完成没有生成sbin目录的解决方法
2021/03/31 Servers
MySQL 表锁定 LOCK和UNLOCK TABLES的 SQL语法
2022/04/18 MySQL