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 相关文章推荐
JavaScript 面向对象编程(1) 基础
May 18 Javascript
Js event事件在IE、FF兼容性问题
Jan 01 Javascript
分享14个很酷的jQuery导航菜单插件
Apr 25 Javascript
最佳的addEvent事件绑定是怎样诞生的
Oct 24 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
Jun 10 Javascript
JavaScript:Array类型全面解析
May 19 Javascript
canvas实现弧形可拖动进度条效果
May 11 Javascript
JavaScript基本语法_动力节点Java学院整理
Jun 26 Javascript
微信小程序 搜索框组件代码实例
Sep 06 Javascript
layui使用form表单实现post请求页面跳转的方法
Sep 14 Javascript
使用Promise封装小程序wx.request的实现方法
Nov 13 Javascript
js实现数字跳动到指定数字
Aug 25 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 mssql 时间格式问题
2009/01/13 PHP
php网页标题中文乱码的有效解决方法
2014/03/05 PHP
yii2.0框架使用 beforeAction 防非法登陆的方法分析
2019/09/11 PHP
laravel-admin表单提交隐藏一些数据,回调时获取数据的方法
2019/10/08 PHP
在 PHP 和 Laravel 中使用 Traits的方法
2019/11/13 PHP
javascript学习随笔(使用window和frame)的技巧
2007/03/08 Javascript
JavaScript 面向对象之命名空间
2010/05/04 Javascript
javascript 当前日期转化为中文的实现代码
2010/05/13 Javascript
jQuery总体架构的理解分析
2011/03/07 Javascript
jQuery插件-jRating评分插件源码分析及使用方法
2012/12/28 Javascript
html的DOM中document对象anchors集合用法实例
2015/01/21 Javascript
js闭包实现按秒计数
2015/04/23 Javascript
基于vue+ bootstrap实现图片上传图片展示功能
2017/05/17 Javascript
javascript实现数字配对游戏的实例讲解
2017/12/14 Javascript
d3.js实现自定义多y轴折线图的示例代码
2018/05/30 Javascript
js 计算图片内点个数的示例代码
2019/04/04 Javascript
Vue 理解之白话 getter/setter详解
2019/04/16 Javascript
JS字符串与二进制的相互转化实例代码详解
2019/06/28 Javascript
ckeditor一键排版功能实现方法分析
2020/02/06 Javascript
JS简易计算器实例讲解
2020/06/30 Javascript
vue-quill-editor的使用及个性化定制操作
2020/08/04 Javascript
[01:00:35]2018DOTA2亚洲邀请赛3月30日B组 EffcetVSMineski
2018/03/31 DOTA
python生成器generator用法实例分析
2015/06/04 Python
Python如何处理大数据?3个技巧效率提升攻略(推荐)
2019/04/15 Python
用vue.js组件模拟v-model指令实例方法
2019/07/05 Python
HTML5 Canvas玩转酷炫大波浪进度图效果实例(附demo)
2016/12/14 HTML / CSS
Fanatics官网:运动服装、球衣、运动装备
2020/10/12 全球购物
求职信范文怎么写
2014/01/29 职场文书
函授本科自我鉴定
2014/02/04 职场文书
元旦活动感言
2014/03/08 职场文书
乡镇群众路线专项整治方案
2014/11/03 职场文书
国庆庆典邀请函
2015/02/02 职场文书
幼儿园教师读书笔记
2015/06/29 职场文书
2015年库房管理工作总结
2015/10/14 职场文书
公司中层管理培训心得体会
2016/01/11 职场文书
nginx静态资源的服务器配置方法
2022/07/07 Servers