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