JavaScript通过this变量快速找出用户选中radio按钮的方法


Posted in Javascript onMarch 23, 2015

本文实例讲述了JavaScript通过this变量快速找出用户选中radio按钮的方法。分享给大家供大家参考。具体分析如下:

下面的JS代码通过this变量结合radio按钮的onchange事件快速找出用户选择的哪一个radio按钮

<script>
function favAnimal(button) {
alert('You like '+button.value+'s.');
}
</script>
<input type="radio" name="marsupial" value="kangaroo"
    onchange="favAnimal(this)">Kangaroo
<br /><input type="radio" name="marsupial" value="Opossum"
    onchange="favAnimal(this)">Opossum
<br /><input type="radio" name="marsupial" value="Tasmanian Tiger"
    onchange="favAnimal(this)">Tasmanian Tiger

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Js 刷新框架页的代码
Apr 13 Javascript
Java 正则表达式学习总结和一些小例子
Sep 13 Javascript
JavaScript高级程序设计(第3版)学习笔记11 内建js对象
Oct 11 Javascript
Node.js中AES加密和其它语言不一致问题解决办法
Mar 10 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
Oct 12 Javascript
微信小程序 登录实例详解
Jan 16 Javascript
Bootstrap入门教程一Hello Bootstrap初识
Mar 02 Javascript
Vue实现内部组件轮播切换效果的示例代码
Apr 07 Javascript
快速解决vue在ios端下点击响应延时的问题
Aug 27 Javascript
vue 2.8.2版本配置刚进入时候的默认页面方法
Sep 21 Javascript
详解jQuery获取特殊属性的值以及设置内容
Nov 14 jQuery
解决Vue.js应用回退或刷新界面时提示用户保存修改问题
Nov 24 Javascript
浅谈jQuery中的事件
Mar 23 #Javascript
JavaScript实现俄罗斯方块游戏过程分析及源码分享
Mar 23 #Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
Mar 21 #Javascript
JavaScript动态修改网页元素内容的方法
Mar 21 #Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
Mar 21 #Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
Mar 21 #Javascript
JavaScript动态加载样式表的方法
Mar 21 #Javascript
You might like
php求数组全排列,元素所有组合的方法
2016/05/05 PHP
php中让人头疼的浮点数运算分析
2016/10/10 PHP
JS版网站风格切换实例代码
2008/10/06 Javascript
document.getElementBy(&quot;id&quot;)与$(&quot;#id&quot;)有什么区别
2013/09/22 Javascript
Javascript中拼接大量字符串的方法
2015/02/05 Javascript
javascript获得当前的信息的一些常用命令
2015/02/25 Javascript
Require.JS中的几种define定义方式示例
2017/06/01 Javascript
JavaScript实现各种排序的代码详解
2017/08/28 Javascript
使用Vue.js和Element-UI做一个简单登录页面的实例
2018/02/23 Javascript
webpack 开发和生产并行设置的方法
2018/11/08 Javascript
微信小程序文章列表功能完整实例
2020/06/03 Javascript
Vue v-for中的 input 或 select的值发生改变时触发事件操作
2020/08/31 Javascript
跟老齐学Python之总结参数的传递
2014/10/10 Python
Sublime开发python程序的示例代码
2018/01/24 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
python中使用zip函数出现错误的原因
2018/09/28 Python
python requests post多层字典的方法
2018/12/27 Python
对python中的*args与**kwgs的含义与作用详解
2019/08/28 Python
tensorflow 限制显存大小的实现
2020/02/03 Python
Python selenium页面加载慢超时的解决方案
2020/03/18 Python
Python 添加文件注释和函数注释操作
2020/08/09 Python
Quiksilver荷兰官方网站:冲浪和滑雪板
2019/11/16 全球购物
英国第一职业高尔夫商店:Clickgolf.co.uk
2020/11/18 全球购物
PHP如何调用MYSQL存储过程
2014/05/30 面试题
2015年元旦活动总结
2014/05/09 职场文书
纪检干部对照检查材料
2014/08/22 职场文书
大学生交通专业求职信
2014/09/01 职场文书
反四风对照检查材料
2014/09/22 职场文书
单位工作证明书格式
2014/10/04 职场文书
志愿者事迹材料
2014/12/26 职场文书
自荐信格式模板
2015/03/27 职场文书
企业计划生育责任书
2015/05/09 职场文书
朝花夕拾读书笔记
2015/06/29 职场文书
Python爬虫入门案例之爬取去哪儿旅游景点攻略以及可视化分析
2021/10/16 Python
python数字类型和占位符详情
2022/03/13 Python
python和anaconda的区别
2022/05/06 Python