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 相关文章推荐
网页的标准,IMG不支持onload标签怎么办
Jun 29 Javascript
IE8 兼容性问题(属性名区分大小写)
Jun 04 Javascript
jQuery 图片切换插件(代码比较少)
May 07 Javascript
开发中可能会用到的jQuery小技巧
Mar 07 Javascript
推荐5 个常用的JavaScript调试技巧
Jan 08 Javascript
分析了一下JQuery中的extend方法实现原理
Feb 27 Javascript
解决js图片加载时出现404的问题
Nov 30 Javascript
学习JavaScript设计模式之责任链模式
Jan 18 Javascript
深入浅析JavaScript中数据共享和数据传递
Apr 25 Javascript
Bootstrap表单布局样式源代码
Jul 04 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
Jun 28 Javascript
基于JS脚本语言的基础语法详解
Jul 22 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获取微信基础接口凭证Access_token
2018/08/23 PHP
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
2010/05/22 Javascript
JS模拟面向对象全解(一、类型及传递)
2011/07/13 Javascript
Javascript base64编码实现代码
2011/12/02 Javascript
JavaScript中的Truthy和Falsy介绍
2015/01/01 Javascript
jQuery内部原理和实现方式浅析
2015/02/03 Javascript
javascript获取重复次数最多的字符
2015/07/08 Javascript
js clearInterval()方法的定义和用法
2015/11/11 Javascript
js实现做通讯录的索引滑动显示效果和滑动显示锚点效果
2017/02/18 Javascript
JS实现的图片选择顺序切换和循环切换功能示例【测试可用】
2018/12/28 Javascript
Jquery 获取相同NAME 或者id删除行操作
2020/08/24 jQuery
[53:10]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs VG 第一场
2018/04/11 DOTA
Python字符串详细介绍
2015/05/09 Python
详解Python 2.6 升级至 Python 2.7 的实践心得
2017/04/27 Python
python多进程实现进程间通信实例
2017/11/24 Python
Python实现k-means算法
2018/02/23 Python
TensorFlow模型保存/载入的两种方法
2018/03/08 Python
Django进阶之CSRF的解决
2018/08/01 Python
几个适合python初学者的简单小程序,看完受益匪浅!(推荐)
2019/04/16 Python
Python使用Pandas库实现MySQL数据库的读写
2019/07/06 Python
django model object序列化实例
2020/03/13 Python
python中scipy.stats产生随机数实例讲解
2021/02/19 Python
用gpu训练好的神经网络,用tensorflow-cpu跑出错的原因及解决方案
2021/03/03 Python
如何在Canvas中添加事件的方法示例
2019/05/21 HTML / CSS
Vilebrequin欧洲官网:法国豪华泳装品牌(男士沙滩裤)
2018/04/14 全球购物
意大利奢侈品牌在线精品店:Jole.it
2020/11/23 全球购物
应届毕业生求职信范例分享
2013/12/17 职场文书
餐饮收银员岗位职责
2014/02/07 职场文书
主管竞聘书范文
2014/03/31 职场文书
2015年党员个人剖析材料
2014/12/18 职场文书
优秀党员个人总结
2015/02/14 职场文书
2015年上半年计生工作总结
2015/03/30 职场文书
处罚决定书范文
2015/06/24 职场文书
Nginx已编译的nginx-添加新模块
2021/04/01 Servers
MySQL优化及索引解析
2022/03/17 MySQL
MySQL派生表联表查询实战过程
2022/03/20 MySQL