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 BASE64编码 window.atob(), window.btoa()
Mar 09 Javascript
JavaScript检查某个function是否是原生代码的方法
Aug 20 Javascript
jQuery选择器用法实例详解
Dec 17 Javascript
angular.js之路由的选择方法
Sep 24 Javascript
JS模拟实现ECMAScript5新增的数组方法
Mar 20 Javascript
浅析Angular2子模块以及异步加载
Apr 24 Javascript
浅析Vue项目中使用keep-Alive步骤
Jul 27 Javascript
vue实现手机号码的校验实例代码(防抖函数的应用场景)
Sep 05 Javascript
VUE 实现动态给对象增加属性,并触发视图更新操作示例
Nov 29 Javascript
详解JavaScript执行模型
Nov 16 Javascript
vue-quill-editor插入图片路径太长问题解决方法
Jan 08 Vue.js
WebRTC记录音视频流(web技术分享)
Feb 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日历[测试通过]
2008/03/27 PHP
thinkphp模板继承实例简述
2014/11/26 PHP
PHP CodeIgniter框架的工作原理研究
2015/03/30 PHP
php 实现一个字符串加密解密的函数实例代码
2016/11/01 PHP
ThinkPHP5实现作业管理系统中处理学生未交作业与已交作业信息的方法
2016/11/12 PHP
用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中
2007/04/20 Javascript
javascript新手语法小结
2008/06/15 Javascript
javascript实现上传图片并预览的效果实现代码
2011/04/11 Javascript
jquery中show()、hide()和toggle()用法实例
2015/01/15 Javascript
js实现屏幕自适应局部代码分享
2015/01/30 Javascript
简易的投票系统以及js刷票思路和方法
2015/04/07 Javascript
javascript实现不同颜色Tab标签切换效果
2016/04/27 Javascript
JavaScript判断数组是否存在key的简单实例
2016/08/03 Javascript
相册展示PhotoSwipe.js插件实现
2016/08/25 Javascript
基于node.js依赖express解析post请求四种数据格式
2017/02/13 Javascript
微信小程序实现图片放大预览功能
2020/10/22 Javascript
swiper动态改变滑动内容的实现方法
2018/01/17 Javascript
解决layui调用自定义方法提示未定义的问题
2019/09/14 Javascript
Vue 一键清空表单的实现方法
2020/02/07 Javascript
Vue实现点击箭头上下移动效果
2020/06/11 Javascript
python基础教程之自定义函数介绍
2014/08/29 Python
Python多层嵌套list的递归处理方法(推荐)
2016/06/08 Python
python单例模式获取IP代理的方法详解
2018/09/13 Python
Python基于机器学习方法实现的电影推荐系统实例详解
2019/06/25 Python
python Django中models进行模糊查询的示例
2019/07/18 Python
Python 实现自动导入缺失的库
2019/10/29 Python
对python中arange()和linspace()的区别说明
2020/05/03 Python
泰海淘:泰国king Power王权免税集团旗下跨境海淘综合型电商
2020/07/26 全球购物
路政管理专业个人自荐信范文
2013/11/30 职场文书
绿化先进工作者事迹材料
2014/01/30 职场文书
财务担保书范文
2014/04/02 职场文书
事假请假条范文
2014/04/11 职场文书
节能环保演讲稿
2014/08/28 职场文书
护士医德医风自我评价
2014/09/15 职场文书
民警群众路线教育实践活动对照检查材料
2014/10/04 职场文书
2014年党支部书记工作总结
2014/12/04 职场文书