JavaScript利用this获取选中单选按钮值
作者:青柠时间:2026-10-29 07:31:52浏览:174
本文介绍在JavaScript中如何利用this变量结合radio按钮的onchange事件,快速定位并获取用户选中的单选按钮值。通过简单的函数调用示例,展示了this在事件处理中的实际应用。
利用this获取选中单选按钮值
本文介绍一种利用JavaScript中的this变量来快速定位用户选中的单选按钮(radio)的方法。
以下代码示例展示了如何通过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编程有所帮助。
作者最新文章
ES6模块化中js文件怎么用import和export交互
2026-11-05 17:00:48
JS读取本地文件时报错或无响应的常见原因
2026-11-05 16:32:31
let、const与var的区别:JavaScript变量声明最佳实践
2026-11-05 14:16:38
JS中直接定义静态二维数组的字面量写法
2026-11-05 14:16:08
JS 怎么查找字符串中所有匹配项的位置
2026-11-05 14:15:53
