javascript - 基本 JavaScript 问题 - 事件处理程序未调用该函数？

Question

所以我有以下 JavaScript 代码:

<script type="text/javascript">
    function clearRadioButtons()
    {
        document.getElementById("radiobutton1").checked="";
        //etc for more radio buttons
    }
</script>

然后在我的表单中，我有以下代码:

<select name="whatever" onclick="clearRadioButtons()">
    <option onclick="clearRadioButtons()"></option>
    //and so on and so forth for <option> tags with values
</select>

问题是，即使我单击 select 或 option 元素，该函数也永远不会被实际调用。如果我在浏览器的调试器中调用 JS 函数，它工作正常，但事件没有被触发。我在这里做错了什么？我感觉这很简单，但谁知道呢。

TIA。

Answer 1

我认为您想在选择元素上使用 onchange 事件。

function clearRadioButtons () {
    document.getElementById("radiobutton1").checked="";
    //etc for more radio buttons
}

window.onload = function () {
  //Event binding... 
  document.getElementById('whatever').onchange = clearRadioButtons;
};

<小时/>

<select id="whatever" name="whatever">
    <option></option>
    ...
</select>