radio-button - 在 JavaScript 中，我想将鼠标悬停在单选按钮上并让它输出该单选按钮的值？

Question

我将鼠标悬停在按钮上，它希望将单选按钮的值输出到下面的段落中。我尝试了下面的代码，但它不工作。我希望“this”作为 ID 表示激活事件的元素的 ID。

function showDegree() {

    var classInput = document.getElementById(this).value;

    document.getElementById('classOutput').innerHTML = classInput;
}

Answer 1

在您发布的代码中，“this”指的是当前范围，即函数 showDegree。如果您想引用回引发事件的元素：

尝试这个：

function showDegree(evt) {
    var event  = window.event || evt;
    var source = event.target || event.srcElement;

    document.getElementById('classOutput').innerHTML = source.value;
}

然后可以像这样调用您的事件侦听器：

<input type="radio" name="degree" value="some value" onmouseover="showDegree(event)" />