带有"返回假"和返回的复选框

Question

我想创建一个带有复选框的表单。起初不应该检查它们。然后，如果你点击提交，他们应该是。

我让它工作，所以它不能点击第一个

函数（e）｛e.preventDefault（）；｝

但是，在那之后，我如何使它们再次可点击？

Answer 1

这意味着您只想执行第一次删除的默认行为。对此，你只需要做

function(e){ return true; }

希望这项工作。

Answer 2

最简单的方法是禁用复选框，然后在准备好后重新启用：

<input id="chk1" type="checkbox" disabled>
document.getElementById("chk1").removeAttribute("disabled");

如果您使用的是jQuery，那么使用多个复选框会更容易，语法为：

jQuery("#chk1").prop("disabled", false);

Answer 3

如果您将单击处理程序设置为一个函数，则根据您是否希望启用这些框，让该函数阻止单击。在你的情况下，你说当点击提交按钮时，你想开始允许他们：

var _checkBoxesEnabled = false;
function checkBoxClicked(e) {
    if (!_checkBoxesEnabled) {
        e.preventDefault();
    }
}
function submitButtonClicked() {
    _checkBoxesEnabled = true;
}

注意跨浏览器兼容性-我被jQuery宠坏了，所以我不记得点击处理程序中的e是如何使用常规javascript处理旧IE版本的。