JavaScript利用this获取选中单选按钮值

作者:青柠

时间:2026-10-29

浏览:173

本文介绍在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编程有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章