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编程有所帮助。

作者最新文章