脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jquery radio 选中值

Jquery获取radio选中的值

 更新时间：2017年05月05日 16:55:03   作者：yangzailu1990  
本文主要介绍了Jquery获取radio选中值的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧

先给大家分享一篇关于Jquery获取radio选中的值的实例内容

Jquery获取radio选中值实例总结

https://www.jb51.net/article/154831.htm

话不多说，请看代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <title> new document </title>
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 <link rel="stylesheet" type="text/css" href="" />
 <style type="text/css"></style>
 <script type="text/javascript" src="jquery-3.0.0.js"></script>
 </head>

 <body>
 <input type="radio" name="radio" value="1" />1<br/>
 <input type="radio" name="radio" value="2" />2<br/>
 <input type="radio" name="radio" value="3" />3<br/>
 <input type="radio" name="radio" value="4" />
 <script type="text/javascript">
 var a = $("input[name='radio']:checked").val();
 alert("选中的radio的值是：" + a);
</script>
 </body>
</html>

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • JQuery判断子iframe何时加载完成解决方案

    JQuery判断子iframe何时加载完成解决方案

    需要知道iframe何时加载完成，用JQuery很简单就能实现，具体如下，感兴趣的朋友可以参考下，希望对大家有所帮助
    2013-08-08
  • jQuery图片特效插件Revealing实现拉伸放大

    jQuery图片特效插件Revealing实现拉伸放大

    本文给大家分享的是jQuery图片展示效果，使用的是jQuery Revealing插件，不点击的情况下，图片整齐排列成一行，当任意一个图片缩略图被点击的时候，该图片就放大显示，当点击关闭按钮时图片又重新还原了缩略图模式。
    2015-04-04
  • jquery实现手机号码选号的方法

    jquery实现手机号码选号的方法

    这篇文章主要介绍了jquery实现手机号码选号的方法,涉及jquery针对手机号码的分析与筛选技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 『jQuery』名称冲突使用noConflict方法解决

    『jQuery』名称冲突使用noConflict方法解决

    jQuery 使用 $ 符号作为 jQuery 的简介方式。某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号，这样就会发生名称冲突，使用名为 noConflict() 的方法来解决该问题
    2013-04-04
  • jquery append()方法与html()方法的区别及使用介绍

    jquery append()方法与html()方法的区别及使用介绍

    append()方法在被选元素的结尾插入指定内容，html()方法返回或设置被选元素的内容，下面为大家介绍下两者的区别及使用
    2014-08-08
  • jQuery简单实现两级下拉菜单效果代码

    jQuery简单实现两级下拉菜单效果代码

    这篇文章主要介绍了jQuery简单实现两级下拉菜单效果代码,基于jQuery遍历简单实现菜单效果,非常具有实用价值,需要的朋友可以参考下
    2015-09-09
  • jQuery 使用手册(二)

    jQuery 使用手册(二)

    jQuery 使用手册，大家可以耐心的看完，就基本上入门了。
    2009-09-09
  • jquery异步循环获取功能实现代码

    jquery异步循环获取功能实现代码

    页面html的repeater控件中有一个span,需要根据指定ID异步获取相关信息。
    2010-09-09
  • 40款非常棒的jQuery 插件和制作教程（系列一）

    40款非常棒的jQuery 插件和制作教程（系列一）

    jQuery 是一个非常优秀的 JavaScript 框架，在现在的 Web 开发项目中扮演着重要角色。jQuery 使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入一些非常好的效果，让网站有更好的可用性和用户体验
    2011-10-10
  • jquery实现的分页显示功能示例

    jquery实现的分页显示功能示例

    这篇文章主要介绍了jquery实现的分页显示功能,涉及jQuery的ajax交互及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2019-08-08

最新评论