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 相关文章推荐
Ajax::prototype 源码解读
Jan 22 Javascript
使用jQuery清空file文件域的解决方案
Apr 12 Javascript
jquery ready函数、css函数及text()使用示例
Sep 27 Javascript
简介JavaScript中getUTCMonth()方法的使用
Jun 10 Javascript
浅谈关于JavaScript API设计的一些建议和准则
Jun 24 Javascript
plupload+artdialog实现多平台上传文件
Jul 19 Javascript
AngularJS延迟加载html template
Jul 27 Javascript
利用Angularjs和Bootstrap前端开发案例实战
Aug 27 Javascript
还不懂递归?读完这篇文章保证你会懂
Jul 29 Javascript
jquery获取file表单选择文件的路径、名字、大小、类型
Jan 18 jQuery
JS尾递归的实现方法及代码优化技巧
Jan 19 Javascript
vue-cli3+typescript新建一个项目的思路分析
Aug 06 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
PHP6新特性分析
2016/03/03 PHP
php实现的http请求封装示例
2016/11/08 PHP
php导出csv文件,可导出前导0实例代码
2016/11/16 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
PHP基于双向链表与排序操作实现的会员排名功能示例
2017/12/26 PHP
php 中self,this的区别和操作方法实例分析
2019/11/04 PHP
JavaScript中的私有成员
2006/09/18 Javascript
jquery 查找新建元素代码
2010/07/06 Javascript
js实现日期级联效果
2014/01/23 Javascript
jQuery实现可用于博客的动态滑动菜单
2015/03/09 Javascript
JavaScript编写带旋转+线条干扰的验证码脚本实例
2016/05/30 Javascript
AngularJS  自定义指令详解及实例代码
2016/09/14 Javascript
Node.js 使用jade模板引擎的示例
2018/05/11 Javascript
Vue resource三种请求格式和万能测试地址
2018/09/26 Javascript
深入学习JavaScript 高阶函数
2019/06/11 Javascript
微信小程序Echarts图表组件使用方法详解
2019/06/25 Javascript
Java Varargs 可变参数用法详解
2020/01/28 Javascript
vue自定义组件(通过Vue.use()来使用)即install的用法说明
2020/08/11 Javascript
vue-cli3自动消除console.log()的调试信息方式
2020/10/21 Javascript
浅谈Python类里的__init__方法函数,Python类的构造函数
2016/12/10 Python
Python中matplotlib中文乱码解决办法
2017/05/12 Python
python按时间排序目录下的文件实现方法
2018/10/17 Python
python网络爬虫 Scrapy中selenium用法详解
2019/09/28 Python
Python使用QQ邮箱发送邮件实例与QQ邮箱设置详解
2020/02/18 Python
对django 2.x版本中models.ForeignKey()外键说明介绍
2020/03/30 Python
Python使用Matlab命令过程解析
2020/06/04 Python
如何卸载python插件
2020/07/08 Python
施华洛世奇天猫官方旗舰店:SWAROVSKI
2017/04/17 全球购物
NFL官方在线商店:NFLShop
2020/07/29 全球购物
Java的接口和C++的虚类的相同和不同处
2014/03/27 面试题
思想品德课教学反思
2014/02/10 职场文书
房屋公证委托书
2014/04/03 职场文书
2015年乡镇工作总结范文
2015/04/22 职场文书
24句精辟的现实社会语录,句句扎心,道尽人性
2019/08/29 职场文书
Python装饰器的练习题
2021/11/23 Python
一起来学习Python的元组和列表
2022/03/13 Python