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和Jquery获取和修改label的值的示例代码
Jan 15 Javascript
js根据日期判断星座的示例代码
Jan 23 Javascript
JavaScript对数字的判断与处理实例分析
Feb 02 Javascript
javascript实现简单的html5视频播放器
May 06 Javascript
jQuery子窗体取得父窗体元素的方法
May 11 Javascript
javascript基于DOM实现省市级联下拉框的方法
May 14 Javascript
纯javascript版日历控件
Nov 24 Javascript
JS常用知识点整理
Jan 21 Javascript
Vue组件选项props实例详解
Aug 18 Javascript
Angularjs实现控制器之间通信方式实例总结
Mar 27 Javascript
Element Input组件分析小结
Oct 11 Javascript
详解使用webpack+electron+reactJs开发windows桌面应用
Feb 01 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
thinkPHP中钩子的使用方法实例分析
2017/11/16 PHP
PHP getName()函数讲解
2019/02/03 PHP
Laravel框架文件上传功能实现方法示例
2019/04/16 PHP
动态修改DOM 里面的 id 属性的弊端分析
2008/09/03 Javascript
Extjs学习笔记之一 初识Extjs之MessageBox
2010/01/07 Javascript
js实现的跟随鼠标移动的时钟效果(中英文日期显示)
2011/01/17 Javascript
基于jquery实现图片广告轮换效果代码
2011/07/07 Javascript
javascript椭圆旋转相册实现代码
2012/01/16 Javascript
JS TextArea字符串长度限制代码集合
2012/10/31 Javascript
js 在定义的时候立即执行的函数表达式(function)写法
2013/01/16 Javascript
如何使用Javascript正则表达式来格式化XML内容
2013/07/04 Javascript
jQuery中:checked选择器用法实例
2015/01/04 Javascript
jquery 设置style:display的方法
2015/01/29 Javascript
利用原生JS自动生成文章标题树的实例
2016/08/22 Javascript
angular基于路由控制ui-router实现系统权限控制
2016/09/27 Javascript
jQuery实现大图轮播
2017/02/13 Javascript
discuz表情的JS提取方法分析
2017/03/22 Javascript
基于 Bootstrap Datetimepicker 联动
2017/08/03 Javascript
在angularJs中进行数据遍历的2种方法
2018/10/08 Javascript
JavaScript数据结构之栈实例用法
2019/01/18 Javascript
Vue实现固定定位图标滑动隐藏效果
2019/05/30 Javascript
微信小程序实现上传图片裁剪图片过程解析
2019/08/22 Javascript
详解Python中的循环语句的用法
2015/04/09 Python
使用Python简单的实现树莓派的WEB控制
2016/02/18 Python
python开发简易版在线音乐播放器
2017/03/03 Python
python批量下载网站马拉松照片的完整步骤
2018/12/05 Python
几行Python代码爬取3000+上市公司的信息
2019/01/24 Python
python3获取文件中url内容并下载代码实例
2019/12/27 Python
四风存在的原因分析
2014/02/11 职场文书
四下基层实施方案
2014/03/28 职场文书
小学优秀班干部事迹材料
2014/05/25 职场文书
车辆年审委托书范本
2014/09/18 职场文书
经理聘任证明
2015/03/02 职场文书
小学生反邪教心得体会
2016/01/15 职场文书
心得体会格式及范文
2016/01/25 职场文书
Win11黑色桌面背景怎么办?Win11黑色壁纸解决方法汇总
2022/04/05 数码科技