HTML复选框在刷新后保持选中[重复]答案

【问题标题】：HTML checkboxes keep checked after refresh [duplicate]HTML复选框在刷新后保持选中[重复]
【发布时间】：2016-08-01 12:02:40
【问题描述】：

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

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

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

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

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

【问题讨论】：

粗略搜索一下：stackoverflow.com/questions/299811/…
这听起来像是您的浏览器的一项功能，可以在意外重新加载时将表单值保留在适当的位置。这真的是你绝对需要覆盖的东西吗？
@Pekka웃 是的，否则我不会这样做。

标签： html checkbox

【解决方案1】：

你可以用 javascript 设置它们

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

我做到了，但它现在对我有用，意味着刷新时它会去吗？rows.push(' ' + id + ' ' + value.machine + ' ' + value.state + ' ' + value.date_processed + ' '); });
当您的目标是在页面重新加载或单击返回按钮时取消选中复选框时很有帮助
这只是节省了我的一天。我们每天都在学习，我学到了这件重要的事情。谢谢。

【解决方案3】：

在 hTML 中，只有选中的属性会强制复选框保持选中状态。并且默认情况下复选框未选中。如果您想在加载后强制取消选中，请不要使用。 一件重要的事情有时也取决于浏览器。 更多详情请参考http://www.w3schools.com/html/html_form_input_types.asp

【讨论】：