刷新后 HTML 复选框保持选中状态

Question

我的标记中有几个复选框。例如：

 <input type="checkbox" id="someCheckbox"/>

如果我使用 Ctrl+Shift+R 刷新页面——一切正常——页面呈现未选中的复选框，但是如果其中一些被选中并且我使用 F5 刷新它们保持之前的状态。

设置 checked 属性不起作用，因为具有该属性足以使其被检查，该值或多或少无关紧要..

请问如何 在页面加载 时强制取消选中它们？

原文由 Dropout 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我找到了一个只使用 HTML 的解决方案。如果将 autocomplete="off" 属性添加到元素，它不会在刷新后设置以前的状态。

 <input type="checkbox" id="foo" autocomplete="off"/>

原文由 Dropout 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以使用 javascript 将它们设置回去

var elements = document.getElementsByTagName("INPUT");
for (var inp of elements) {
    if (inp.type === "checkbox")
        inp.checked = false;
}

原文由 Bálint 发布，翻译遵循 CC BY-SA 3.0 许可协议