如何取消选中后退按钮上的复选框？
Posted
技术标签:
【中文标题】如何取消选中后退按钮上的复选框？【英文标题】：How to uncheck checkbox on back button? 【发布时间】：2014-01-06 04:22:21 【问题描述】：您好，我有多个复选框，下面有一个按钮，它将根据复选框的选择过滤数据。
当我点击过滤器按钮时，它将转移到其他页面，当我点击后退按钮时，复选框保持选中状态。
但我希望当我点击后退按钮时复选框应该被取消选中。
任何帮助。
【问题讨论】：
重新标记您的问题，因为纯 html 无法做到这一点 【参考方案1】：对于那些有类似问题的人，将autocomplete="off" 添加到复选框可能会有所帮助。
https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion
【讨论】：
你是救生员。谢谢。 @ohkts11 非常感谢。你是英雄。【参考方案2】：您可以使用 jQuery 重置页面加载时的复选框
$('input:checkbox').prop('checked', false);
Demo（复选框将永远不会被选中，因为 onload 正在摆脱 checked 属性）
ondomready（将以下代码放在文档中的任意位置）
$(document).ready(function()
$('input:checkbox').prop('checked', false);
);
【讨论】：
我已经拍了<body onload="catalogue.sortByName()">，如何在页面加载时使用？
@JavaCuriousღ 等等，我会编辑我的答案，但为此你需要 jquery 库
@JavaCuriousღ 编辑了我的答案
请注意there is a better way to reset to the default value（一般情况下）。
@FelixKling 这不是可以使用简单的<input type="reset" value="Reset" /> 来完成的吗？还是缺少一些东西？【参考方案3】：
您可以使用以下代码：
window.onbeforeunload = function()
//unchecked your check box here.
$("input[type='checkbox']").prop('checked', false)
;
【讨论】：
【参考方案4】：点击后退按钮时试试这个 使用 Jquery 清除复选框
$("input[type='checkbox']").each( function()
$(this).removeAttr('checked');
);
【讨论】：
以上是关于如何取消选中后退按钮上的复选框？的主要内容，如果未能解决你的问题，请参考以下文章