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 相关文章推荐
jQuery 表单验证扩展代码(一)
Oct 11 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
Nov 19 Javascript
JS与C#编码解码
Dec 03 Javascript
JavaScript获取XML数据附示例截图
Mar 05 Javascript
JavaScript利用正则表达式去除日期中的-
Jun 09 Javascript
Javascript让DEDECMS告别手写Tag
Sep 01 Javascript
AngularJS入门教程之AngularJS表达式
Apr 18 Javascript
js操作XML文件的实现方法兼容IE与FireFox
Jun 25 Javascript
javascript中href和replace的比较(详解)
Nov 25 Javascript
jQuery实现淡入淡出的模态框
Feb 09 Javascript
实例详解display:none与visible:hidden的区别
Mar 30 Javascript
AngularJS实现表单元素值绑定操作示例
Oct 11 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 彩色文字实现代码
2009/06/29 PHP
PHP Class&amp;Object -- PHP 自排序二叉树的深入解析
2013/06/25 PHP
smarty模板引擎从配置文件中获取数据的方法
2015/01/22 PHP
yii添删改查实例
2015/11/16 PHP
php实现和c#一致的DES加密解密实例
2017/07/24 PHP
浅谈关于PHP解决图片无损压缩的问题
2017/09/01 PHP
PHP面向对象程序设计中的self、static、parent关键字用法分析
2019/08/14 PHP
对JavaScript的eval()中使用函数的进一步讨论
2008/07/26 Javascript
jQuery实战之仿淘宝商城左侧导航效果
2011/04/12 Javascript
基于JQuery 滑动与动画的说明介绍
2013/04/18 Javascript
javascript获取元素偏移量的方法有哪些
2014/06/24 Javascript
详解Bootstrap按钮
2016/01/04 Javascript
JavaScript头像上传插件源码分享
2016/03/29 Javascript
浅谈使用splice函数对数组中的元素进行删除时的注意事项
2016/12/04 Javascript
原生js实现对Ajax的封装(仿jquery)
2017/01/22 Javascript
VUE利用vuex模拟实现新闻点赞功能实例
2017/06/28 Javascript
vuejs 制作背景淡入淡出切换动画的实例
2018/09/01 Javascript
electron中使用bootstrap的示例代码
2018/11/06 Javascript
jquery将json转为数据字典的实例代码
2019/10/11 jQuery
[03:39]2015国际邀请赛主赛事首日精彩回顾
2015/08/05 DOTA
Python内置函数 next的具体使用方法
2017/11/24 Python
使用实现XlsxWriter创建Excel文件并编辑
2018/05/04 Python
Python多线程编程之多线程加锁操作示例
2018/09/06 Python
浅析Python 3 字符串中的 STR 和 Bytes 有什么区别
2018/10/14 Python
python opencv对图像进行旋转且不裁剪图片的实现方法
2019/07/09 Python
python调用函数、类和文件操作简单实例总结
2019/11/29 Python
Django-xadmin后台导入json数据及后台显示信息图标和主题更改方式
2020/03/11 Python
基于python实现上传文件到OSS代码实例
2020/05/09 Python
tensorflow/core/platform/cpu_feature_guard.cc:140] Your CPU supports instructions that this T
2020/06/22 Python
Python数据可视化实现漏斗图过程图解
2020/07/20 Python
结合CSS3的新特性来总结垂直居中的实现方法
2016/05/30 HTML / CSS
CSS3制作hover下划线动画
2017/03/27 HTML / CSS
特罗佩亚包官方网站:Tropea
2017/01/03 全球购物
线程的基本概念、线程的基本状态以及状态之间的关系
2012/10/26 面试题
幼儿园毕业典礼家长致辞
2015/07/29 职场文书
MySQL系列之十五 MySQL常用配置和性能压力测试
2021/07/02 MySQL