javascript - Uncaught ReferenceError : myFunctionName is not defined at HTMLInputElement. onclick

Question

我使用的表单有 4 个字段集。第二个和第三个字段集是根据我通过复选框提出的问题显示的。我总是显示第二个字段集并隐藏第三个字段集。如果选中该框，它应该隐藏第二个字段集并显示第三个字段集。

我正在使用 javascript 中的函数。这是代码:

window.onload = function showVlees() {
    if (document.getElementById('Vlees').checked) {
        document.getElementById('Vleesgerecht').style.display = 'block';
    } else {
        document.getElementById('Vleesgerecht').style.display = 'none';
    }
}

每次单击该复选框时，我都会收到此错误:

Uncaught ReferenceError: showVlees is not defined
    at HTMLInputElement.onclick

我的复选框的编码如下:

<td> <input type="checkbox" id="Vlees" name="Vlees" value="Vlees" onclick="showVlees()"> Klik hier als u een vleesgerecht wilt.</input>

有人知道问题出在哪里吗？

Answer 1

命名函数表达式仅在其自己的范围内创建一个具有匹配名称的变量，而不是在定义它们的函数范围内。

使用函数声明并分两步将其分配给您的加载事件处理程序。

function showVlees() { 
    // etc
}
window.onload = showVlees;