html - 为什么重新加载页面时复选框保持选中状态？

Question

我正在重新加载具有以下代码的网页：

<label for="showimage">Show Image</label>
<input id="showimage" name="showimage" type="checkbox" value="1" />

即使每次重新加载页面时发送到浏览器的 HTML 都是相同的，但在执行重新加载时，复选框始终采用选中的值。换句话说，如果用户选中复选框并重新加载，复选框仍然处于选中状态。

这里有一些缓存吗？

编辑：我在下面尝试了 Gordon Bell 的解决方案，发现即使在删除 value="1" 后这种情况仍然存在。还有什么我可能会丢失的吗？

<label for="showimage">Show Image</label> 
<input id="showimage" name="showimage" type="checkbox" />

score 177 · Accepted Answer

添加autocomplete="off"到页面上的表单元素中。缺点是这不是有效的 XHTML，但它在没有任何复杂的 javascript 的情况下解决了这个问题。

score 38 · Accepted Answer

是的，我相信它正在缓存。例如，我在 Firefox 上看到了这种行为（不是 Safari，这是值得的 :)）。

CTRL您可以使用-重新加载页面并绕过缓存（在 Firefox 上）SHIFT，R您会看到检查值不携带（正常CTRL-R但是会从缓存中获取信息）

编辑：我能够在 Firefox 上禁用此服务器端，设置缓存控制标头：

Cache-Control: no-store

这似乎禁用了 Firefox 的“记住表单值”功能

score 34 · Accepted Answer

使用 js 设置 autocomplete="off" 也运行良好。

例如使用 jquery：

$(":checkbox").attr("autocomplete", "off");

score 2 · Accepted Answer

这是一个老问题，但对于 Firefox 来说仍然是一个活跃的问题。我尝试过的所有回复都没有解决它，但为我解决的只是这个：

    document.getElementById('formId').reset();

这只是在每次页面加载时将表单重置为默认选项。不理想，因为您失去了精细控制，但它是唯一为我解决这个问题的方法。

score 1 · Accepted Answer

这是 Firefox 的一个不错的功能：如果您键入内容但重新加载页面，文本仍会保留在文本区域中。您选择的其他设置同上。

唉，它在 SO（可能由 JS 重置）和 IE 等更笨的浏览器中不起作用......

这提出了一个解决方案：如果您确实需要这样做，请使用 JS 重置表单。form.reset() 可能会完成这项工作（就像重置输入按钮一样）。

score 0 · Accepted Answer

0

或者代替 f5 在地址栏上按 enter :)

于 2008-11-19T12:47:19.337 回答

score 0 · Accepted Answer

这可能是由于浏览器缓存 - 对于不经常更改的静态网站非常有用，对于动态 Web 应用程序非常不利。
尝试在页面的 head 部分使用这两个元标记。第二个元标记适用于不识别“无缓存”元标记的旧浏览器 (IE5)，尽管不同会产生相同的结果：每个请求都发送到服务器。

<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Expires" CONTENT="-1">

score 0 · Accepted Answer

0

$("#showimage").prop("checked",false);

于 2017-05-15T07:25:18.337 回答

score 0 · Accepted Answer

解决这个问题的公众想法

制作表格和重置按钮

<form>
<checkbox>
<reset>
</form>

$(reset).trigger("click");//to clear the cache and input 
$(checkbox).trigger("click");//to mark checkbox

9 回答 9