javascript onclick 未按预期触发

Question

我试图根据是否选中复选框来设置一个 bool 值，但我的 checkQA 点击函数似乎没有触发。

console.log(checkbox) 返回 input#enableQA 所以我知道它击中了正确的元素。

这是一个JSFiddle .

var isChecked = false,
    checkbox = document.getElementById('enableQA');

checkbox.onclick = checkQA;

var checkQA = function () {

    if (checkbox.checked) {
        isChecked = true;
        checkbox.checked = true;
        alert(isChecked);
    } else {
        isChecked = false;
        checkbox.checked = false;
        alert(isChecked);
    }
}

<form method="post" name="qaform">
    <input id="enableQA" name="enableQA" type="checkbox" value="" />
    Enable QA
</form>

我只对纯 Javascript 解决方案感兴趣，请不要推荐 jQuery。

Answer 1

checkQA 将因分配给 onclick 而未定义。因此，稍后将该分配移到该函数之后。或者不要将其设为变量函数，而将其设为命名函数。