Jquery获取radio选中的值


Posted in jQuery onMay 05, 2017

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

Jquery获取radio选中值实例总结

话不多说,请看代码:

<!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 相关文章推荐
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 jQuery
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
Mar 28 jQuery
jQuery extend()详解及简单实例
May 06 jQuery
jQuery、layer实现弹出层的打开、关闭功能
Jun 28 jQuery
jQuery Position方法使用和兼容性
Aug 23 jQuery
jQuery plugin animsition使用小结
Sep 14 jQuery
JQuery选中select组件被选中的值方法
Mar 08 jQuery
jQuery实现table表格checkbox全选的方法分析
Jul 04 jQuery
jQuery 同时获取多个标签的指定内容并储存为数组
Nov 20 jQuery
使用jQuery如何写一个含验证码的登录界面
May 13 jQuery
jQuery+ThinkPHP实现图片上传
Jul 23 jQuery
如何基于jQuery实现五角星评分
Sep 02 jQuery
jQuery实现简单的抽奖游戏
May 05 #jQuery
jquery中each循环的简单回滚操作
May 05 #jQuery
jquery dataTable 获取某行数据
May 05 #jQuery
js和jquery中获取非行间样式
May 05 #jQuery
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
May 05 #jQuery
jquery中封装函数传递当前元素的方法示例
May 05 #jQuery
jQuery使用JSONP实现跨域获取数据的三种方法详解
May 04 #jQuery
You might like
PHP实现图片旋转效果实例代码
2014/10/01 PHP
PHP实现简易blog的制作
2016/10/24 PHP
Laravel如何友好的修改.env配置文件详解
2017/06/07 PHP
详解cookie验证的php应用的一种SSO解决办法
2017/10/20 PHP
PHP中rename()函数的妙用讲解
2019/02/28 PHP
PHP设计模式之适配器模式(Adapter)原理与用法详解
2019/12/12 PHP
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
2011/12/26 Javascript
网页中表单按回车就自动提交的问题的解决方案
2014/11/03 Javascript
zepto.js中tap事件阻止冒泡的实现方法
2015/02/12 Javascript
详解Javascript几种跨域方式总结
2017/02/27 Javascript
Angular2 组件间通过@Input @Output通讯示例
2017/08/24 Javascript
基于vue.js组件实现分页效果
2018/12/29 Javascript
vue-cli构建vue项目的步骤详解
2019/01/27 Javascript
vue 实现 rem 布局或vw 布局的方法
2019/11/13 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
2020/06/23 Javascript
Python爬虫框架Scrapy安装使用步骤
2014/04/01 Python
python json 递归打印所有json子节点信息的例子
2020/02/27 Python
python中有帮助函数吗
2020/06/19 Python
pandas处理csv文件的方法步骤
2020/10/16 Python
python urllib和urllib3知识点总结
2021/02/08 Python
css3隔行变换色实现示例
2014/02/19 HTML / CSS
HTML5手机端弹出遮罩菜单特效代码
2016/01/27 HTML / CSS
爱淘宝:淘宝网购物分享平台
2017/04/28 全球购物
Desigual德国官网:在线购买原创服装
2018/03/27 全球购物
servlet面试题
2012/08/20 面试题
项目经理岗位职责
2013/11/11 职场文书
周年庆典主持词
2014/04/02 职场文书
2014年端午节演讲稿范文
2014/05/23 职场文书
大学生学雷锋活动总结
2014/06/26 职场文书
篮球社团活动总结
2014/06/27 职场文书
2014年电教工作总结
2014/12/19 职场文书
试用期自我评价怎么写
2015/03/10 职场文书
制定企业培训计划的五大要点!
2019/07/10 职场文书
nginx安装以及配置的详细过程记录
2021/09/15 Servers
浅谈MySQL函数
2021/10/05 MySQL
MySQL transaction事务安全示例讲解
2022/06/21 MySQL