JavaScript通过this变量快速找出用户选中radio按钮的方法

更新时间：2015年03月23日 09:04:06 作者：work24

这篇文章主要介绍了JavaScript通过this变量快速找出用户选中radio按钮的方法,涉及javascript中this变量的使用技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了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交换两个变量方法实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-11-11
微信小程序开发问题之wx.previewImage
这篇文章主要给大家介绍了关于微信小程序开发问题之wx.previewImage的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2018-12-12
微信小程序连接数据库与WXS的使用方法详细介绍
这篇文章主要介绍了微信小程序连接数据库与WXS的使用方法,微信小程序是腾讯内部的产品,不能直接打开一个外部的链接,但是腾讯为开发者封装好了API用来请求一个网站的内容或者服务,感兴趣的同学可以参考下
2023-12-12
给ListBox添加双击事件示例代码
如何给ListBox添加双击事件，想必有很多的新手朋友们都不会吧，下面有个不错的示例，感兴趣的朋友可以参考下
2013-12-12
一文彻底理解js原生语法prototype,__proto__和constructor
作为一名前端工程师,必须搞懂JS中的prototype、__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,下面这篇文章主要给大家介绍了关于js原生语法prototype,__proto__和constructor的相关资料,需要的朋友可以参考下
2021-10-10
JS动态添加与删除select中的Option对象(示例代码)
本篇文章主要介绍了JS动态添加与删除select中的Option对象示例代码。需要的朋友可以过来参考下，希望对大家有所帮助
2013-12-12
JavaScript字符串String和Array操作的有趣方法
字符串和数组在程序编写过程中是十分常用的类型,因此程序语言都会将String和Array作为基本类型，并提供许多字符串和数组的方法来简化对字符串的操作
2012-12-12
javascript实现仿百度图片的瀑布流加载效果
这是一款仿照百度图片的瀑布流效果，可以无限加载,兼容各大主流浏览器，这里分享给大家，希望小伙伴们能够喜欢
2016-04-04
JavaScript动态插入CSS的方法
这篇文章主要介绍了JavaScript动态插入CSS的方法，两个步骤就可以实现JavaScript动态插入CSS
2015-12-12
JS中数学计算精度问题的解决方案
这篇文章主要给大家介绍了JS中数学计算精度问题的解决方案,文中通过代码示例和图文结合给大家讲解非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下
2023-12-12