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 相关文章推荐
js利用与或运算符优先级实现if else条件判断表达式
Apr 15 Javascript
学习并汇集javascript匿名函数
Nov 25 Javascript
javascript中with()方法的语法格式及使用
Aug 04 Javascript
js实现带圆角的两级导航菜单效果代码
Aug 24 Javascript
基于Vuejs框架实现翻页组件
Jun 29 Javascript
backbone简介_动力节点Java学院整理
Jul 14 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
Dec 28 Javascript
解决js ajax同步请求造成浏览器假死的问题
Jan 18 Javascript
layer.close()关闭进度条和Iframe窗的方法
Aug 17 Javascript
vue2.0 路由模式mode=&quot;history&quot;的作用
Oct 18 Javascript
vue 使用v-for进行循环的实例代码详解
Feb 19 Javascript
微信小程序学习总结(五)常见问题实例小结
Jun 04 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多用户计数器代码
2007/03/11 PHP
队列在编程中的实际应用(php)
2010/09/04 PHP
使用PHP实现二分查找算法代码分享
2011/06/24 PHP
php的zip解压缩类pclzip使用示例
2014/03/14 PHP
PHP图片等比缩放类SimpleImage使用方法和使用实例分享
2014/04/10 PHP
PHP实现过滤各种HTML标签
2015/05/17 PHP
PHP基于自增数据如何生成不重复的随机数示例
2017/05/19 PHP
javaScript NameSpace 简单说明介绍
2013/07/18 Javascript
使用JavaScript实现Java的List功能(实例讲解)
2013/11/07 Javascript
js判断undefined类型示例代码
2014/02/10 Javascript
分享一则JavaScript滚动条插件源码
2015/03/03 Javascript
详解Jquery实现ready和bind事件
2016/04/14 Javascript
Angular使用操作事件指令ng-click传多个参数示例
2018/03/27 Javascript
微信小程序实现人脸识别
2018/05/25 Javascript
发布一款npm包帮助理解npm的使用
2019/01/03 Javascript
通过实践编写优雅的JavaScript代码
2019/05/30 Javascript
vue 扩展现有组件的操作
2020/08/14 Javascript
Python2.7环境Flask框架安装简明教程【已测试】
2018/07/13 Python
一百行python代码将图片转成字符画
2021/02/19 Python
python+opencv实现阈值分割
2018/12/26 Python
一个可以套路别人的python小程序实例代码
2019/04/09 Python
Python如何把十进制数转换成ip地址
2020/05/25 Python
python中取绝对值简单方法总结
2020/07/24 Python
python中openpyxl和xlsxwriter对Excel的操作方法
2021/03/01 Python
html5表单及新增的改良元素详解
2016/06/07 HTML / CSS
详解html5 canvas 微信海报分享(个人爬坑)
2018/01/12 HTML / CSS
汇集了世界上最好的天然和有机美容产品:LoveLula
2018/02/05 全球购物
英国现代市场:ARKET
2019/04/10 全球购物
德国大型和小型家用电器网上商店:Energeto
2019/05/15 全球购物
英国健身超市:Fitness Superstore
2019/06/17 全球购物
区域销售经理职责
2013/12/22 职场文书
餐厅周年庆活动方案
2014/08/25 职场文书
大三学年自我鉴定范文(3篇)
2014/09/28 职场文书
教师工作总结范文2014
2014/11/10 职场文书
个人年终总结结尾
2015/03/06 职场文书
全网非常详细的pytest配置文件
2022/07/15 Python