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实现简单模态窗口,背景灰显
Nov 14 Javascript
mysql输出数据赋给js变量报unterminated string literal错误原因
May 22 Javascript
js中复制行和删除行的操作实例
Jun 25 Javascript
js之ActiveX控件使用说明 new ActiveXObject()
Mar 03 Javascript
理解javascript中的原型和原型链
Jul 30 Javascript
全面解析Bootstrap图片轮播效果
Dec 03 Javascript
jQuery Validation PlugIn的使用方法详解
Dec 18 Javascript
JS中的phototype详解
Feb 04 Javascript
JS实现颜色的10进制转化成rgba格式的方法
Sep 04 Javascript
layui table设置前台过滤转义等方法
Aug 17 Javascript
JavaScript中的&quot;=、==、===&quot;区别讲解
Jan 22 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
Nov 02 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/07/24 PHP
领悟php接口中interface存在的意义
2013/06/27 PHP
php实现每天自动变换随机问候语的方法
2015/05/12 PHP
php封装的表单验证类完整实例
2016/10/19 PHP
PHP使用mongoclient简单操作mongodb数据库示例
2019/02/08 PHP
层序遍历在ExtJs的TreePanel中的应用
2009/10/16 Javascript
javascript Array.sort() 跨浏览器下需要考虑的问题
2009/12/07 Javascript
JavaScript调用Activex控件的事件的实现方法
2010/04/11 Javascript
jQuery 网易相册鼠标移动显示隐藏效果实现代码
2013/03/31 Javascript
JavaScript获取XML数据附示例截图
2014/03/05 Javascript
Javascript 浮点运算精度问题分析与解决
2014/03/26 Javascript
javascript检测浏览器的缩放状态实现代码
2014/09/28 Javascript
iScroll中事件点击触发两次解决方案
2015/03/11 Javascript
JavaScript编写简单的计算器
2015/11/25 Javascript
百度地图给map添加右键菜单(判断是否为marker)
2016/03/04 Javascript
jQuery soColorPacker 网页拾色器
2016/06/22 Javascript
JS轮播图中缓动函数的封装
2020/11/25 Javascript
在 Angular2 中实现自定义校验指令(确认密码)的方法
2017/01/23 Javascript
Angular4学习笔记之根模块与Ng模块
2017/09/09 Javascript
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
2018/08/24 Javascript
基于python实现微信模板消息
2015/12/21 Python
简介Python的collections模块中defaultdict类型的用法
2016/07/07 Python
Python之数据序列化(json、pickle、shelve)详解
2019/08/30 Python
简单了解python协程的相关知识
2019/08/31 Python
PyQt5 closeEvent关闭事件退出提示框原理解析
2020/01/08 Python
Python的pygame安装教程详解
2020/02/10 Python
Python sublime安装及配置过程详解
2020/06/29 Python
详解Python中import机制
2020/09/11 Python
HTML5拍照和摄像机功能实战详解
2019/01/24 HTML / CSS
为什么需要版本控制?
2013/08/08 面试题
办公文员的工作岗位职责
2013/11/12 职场文书
论文诚信承诺书
2014/05/23 职场文书
生物学专业求职信
2014/07/23 职场文书
公司员工管理制度
2015/08/04 职场文书
学校团代会开幕词
2016/03/04 职场文书
《孙子兵法》:欲成大事者,需读懂这些致胜策略
2019/08/23 职场文书