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函数
Aug 01 Javascript
jquery validate 自定义验证方法介绍 日期验证
Feb 27 Javascript
Node调试工具JSHint的安装及配置教程
May 27 Javascript
JS上传图片前实现图片预览效果的方法
Mar 02 Javascript
node.js利用redis数据库缓存数据的方法
Mar 01 Javascript
JavaScript运动框架 链式运动到完美运动(五)
May 18 Javascript
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
Vue.js实现数据响应的方法
Aug 13 Javascript
在vue中使用G2图表的示例代码
Mar 19 Javascript
js实现登录拖拽窗口
Feb 10 Javascript
JS模拟实现京东快递单号查询
Nov 30 Javascript
详解如何在Canvas中添加事件的方法
Apr 17 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&amp;&amp;mysql)二
2006/10/09 PHP
php使用curl发送json格式数据实例
2013/12/17 PHP
Thinkphp实现MySQL读写分离操作示例
2014/06/25 PHP
phpMyAdmin安装并配置允许空密码登录
2015/07/04 PHP
thinkphp3.x自定义Action、Model及View的简单实现方法
2016/05/19 PHP
thinkPHP多语言切换设置方法详解
2016/11/11 PHP
laravel 判断查询数据库返回值的例子
2019/10/11 PHP
Yii框架 session 数据库存储操作方法示例
2019/11/18 PHP
如何实现iframe(嵌入式帧)的自适应高度
2006/07/26 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
javascript实现div浮动在网页最顶上并带关闭按钮效果实例
2013/08/13 Javascript
javascript自启动函数的问题探讨
2013/10/05 Javascript
使用JS取得焦点(focus)元素代码
2014/03/22 Javascript
jQuery学习笔记之toArray()
2014/06/09 Javascript
JavaScript保留关键字汇总
2015/12/01 Javascript
jQuery自定义动画函数实例详解(附demo源码)
2015/12/10 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
2017/03/15 Javascript
Express框架之connect-flash详解
2017/05/31 Javascript
js使用html2canvas实现屏幕截取的示例代码
2017/08/28 Javascript
vue侧边栏动态生成下级菜单的方法
2018/09/07 Javascript
微信小程序实现签到功能
2018/10/31 Javascript
详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs
2019/04/29 NodeJs
JavaScript实现字符串与HTML格式相互转换
2020/03/17 Javascript
JavaScript实现随机点名小程序
2020/10/29 Javascript
[10:21]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster 选手采访
2021/03/11 DOTA
python进程类subprocess的一些操作方法例子
2014/11/22 Python
Python数据可视化之画图
2019/01/15 Python
pyqt5 删除layout中的所有widget方法
2019/06/25 Python
Python super()函数使用及多重继承
2020/05/06 Python
技校生自我鉴定范文
2013/09/26 职场文书
舞蹈教师自荐信
2014/01/27 职场文书
医药类个人求职的自我评价
2014/02/12 职场文书
安全责任书范文
2014/08/25 职场文书
战略性融资合作协议书范本
2014/10/17 职场文书
人力资源部工作计划
2019/05/14 职场文书
Pygame游戏开发之太空射击实战敌人精灵篇
2022/08/05 Python