加载错误时勾选Javascript复选框

我有一个.cshtml页面，我将设置几个复选框

根据使用TempData传递到视图中的几个变量的值，应选中/取消选中复选框

我将代码设置如下：

<script>

    @if (TempData["enabled"] == "True") {
       var eCheckBox = document.getElementById(eCheck);
       eCheckBox.checked = true;

    }

</script>

<h2>Update @TempData["fullName"]</h2>

<input type="checkbox" name="enabledCheckbox" value="Enabled" id="eCheck"/>Enabled<br/>

<input type="checkbox" name="enabledCheckbox" value="Enabled" id="eCheck" onload="checkTrue()"/>Enabled<br/>

<script type="text/javascript">

    function checkTrue() {
        alert("Here!");


        if (TempData["enabled"] == "True") {
            document.querySelector('[name=enabledCheckbox]').checked = true;
        }
    }

</script>

生成预期的错误标识符；选中是一个关键字'。我有什么明显的遗漏吗？在加载时勾选复选框似乎应该很简单

编辑：我尝试按如下方式更正代码：

<script>

    @if (TempData["enabled"] == "True") {
       var eCheckBox = document.getElementById(eCheck);
       eCheckBox.checked = true;

    }

</script>

<h2>Update @TempData["fullName"]</h2>

<input type="checkbox" name="enabledCheckbox" value="Enabled" id="eCheck"/>Enabled<br/>

<input type="checkbox" name="enabledCheckbox" value="Enabled" id="eCheck" onload="checkTrue()"/>Enabled<br/>

<script type="text/javascript">

    function checkTrue() {
        alert("Here!");


        if (TempData["enabled"] == "True") {
            document.querySelector('[name=enabledCheckbox]').checked = true;
        }
    }

</script>

---

看起来代码根本没有命中函数，因为没有触发警报

无法通过JS正确检索HTML元素。只要用这个：

document.querySelector('[name=enabledCheckbox]').checked = true; 

---

谢谢，但它似乎不起作用。我把它放在一个函数中，为了调试的目的，我试图用一个警报来调用它onload，但是这个函数根本没有被调用。input元素没有onload事件，这就是为什么它没有被调用。保持代码不变，并在脚本中调用函数checkTrue；在您编辑的代码中，您将逻辑放在函数中，函数是否被调用？也许把它包装在一个Document.Ready块中，或者只是把checkTrue放在脚本标记的某个地方？