• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jQuery获取选中单选按钮radio的值

jQuery获取选中单选按钮radio的值

作者:wbliu001 字体:[增加 减小] 来源:互联网

wbliu001 通过本文主要向大家介绍了jquery单选按钮选中值,jquery,radio,单选等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

  实例1:

<div id="wrap">
  <input type="radio" name="payMethod" value="1" />男
  <input type="radio" name="payMethod" value="2" />女
</div>

  获取一组单选按钮对象:var obj_payPlatform = $('#wrap input[name="payMethod"]');

  获取被选中按钮的值 :var val_payPlatform = $('#wrap input[name="payMethod"]:checked ').val();

实例2:

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:

1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值

2.<input type="radio" name="testradio" value="jquery获取checkbox的值" />jquery获取checkbox的值

3.<input type="radio" name="testradio" value="jquery获取select的值" />jquery获取select的值

要想获取某个radio的值有以下的几种方法,直接给出代码:

1、

$('input[name="testradio"]:checked').val();
$('input:radio:checked').val();
$('input[@name="testradio"][checked]');
$('input[name="testradio"]').filter(':checked');

差不多挺全的了,如果我们要遍历name为testradio的所有radio呢,代码如下

$('input[name="testradio"]').each(function(){2.alert(this.value);3.});

如果要取具体某个radio的值,比如第二个radio的值,这样写

$('input[name="testradio"]:eq(1)').val()

以上所述是小编给大家介绍的jQuery获取选中单选按钮radio的值,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jQuery获取选中单选按钮radio的值

相关文章

  • 弹出层之1:JQuery.Boxy (一) 使用介绍
  • 使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
  • 基于jquery库的tab新形式使用
  • jquery 层次选择器siblings与nextAll的区别介绍
  • jQuery弹簧插件编写基础之“又见弹窗”
  • jQuery中Ajax的get、post等方法详解
  • jQuery实现搜索页面关键字的功能
  • (function($){...})(jQuery)的意思
  • JQuery中Ajax()的data参数类型实例分析
  • jQuery文本框(input textare)事件绑定方法教程

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jQuery获取radio选中项的值实例
    • 利用jquery写的左右轮播图特效
    • JQUERY实现左侧TIPS滑进滑出效果示例
    • jQuery 类twitter的文本字数限制带提示效果插件
    • 运用jQuery写的验证表单(实例讲解)
    • jQuery 技巧大全(新手入门篇)
    • jquery对元素拖动排序示例
    • 结构/表现/行为完全分离的选项卡(jquery版和原生JS版)
    • 内容滑动切换效果jquery.hwSlide.js插件封装
    • jQuery live( type, fn ) 委派事件实现

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有