javascript - 无法使用 javascript 修改复选框

Question

我在 html 中有这段代码，我想在某些事件上使用 javascript 更改复选框选中和取消选中事件，因此我在单击按钮时调用 function ChangeCheckBox()

<div>
    <label class="checkbox line">
        <input type="checkbox" id="Add" />Add</label>
</div>
<script>
    function ChangeCheckBox() {
        var AddCheck = 0;
        if (AddCheck == 1) {
            document.getElementById("Add").checked = true;
        } else {
            document.getElementById("Add").checked = false;
        }
    }
</script>

因此，在上述情况下，复选框应取消选中，但运行此代码后，其未发生的复选框仍保持选中状态

Answer 1

既然您设置了AddCheck = 0;，它当然不会保留其状态，因为您正在重置该值。如果您想模拟切换，这里有一个更简单的替代方案。

<script>
    function ChangeCheckBox() {
        var el = document.getElementById("Add");
        el.checked = !el.checked;
    }
</script>