Php 点击后退按钮时复选框仍处于选中状态，但它没有；勾选“；属性
我正在为电子商务开发一个基于复选框的过滤器。 一切正常，但当我尝试通过“后退”按钮返回时，复选框仍处于选中状态，没有任何选中属性。 我注意到这个“问题”发生在：Php 点击后退按钮时复选框仍处于选中状态，但它没有；勾选“；属性,php,checkbox,input,state,checked,Php,Checkbox,Input,State,Checked,我正在为电子商务开发一个基于复选框的过滤器。 一切正常，但当我尝试通过“后退”按钮返回时，复选框仍处于选中状态，没有任何选中属性。 我注意到这个“问题”发生在： 狩猎 铬 我找到的唯一方法就是重新加载页面。但是“用户返回”事件似乎不可捕获，我不想刷新每个页面 将“我的所有复选框”设置为默认值毫无意义 禁用Chrome缓存没有任何效果 我不知道我的代码样本是否有用 编辑：这是我的第一篇文章，请务必告诉我为什么我的问题看起来不清楚使用Javascript清理表单，使用jQuery这样的框架可
- 狩猎
- 铬
我找到的唯一方法就是重新加载页面。但是“用户返回”事件似乎不可捕获，我不想刷新每个页面 将“我的所有复选框”设置为默认值毫无意义 禁用Chrome缓存没有任何效果
我不知道我的代码样本是否有用
编辑：这是我的第一篇文章，请务必告诉我为什么我的问题看起来不清楚使用Javascript清理表单，使用jQuery这样的框架可能会更快。 然后像这样的事情
$( document ).ready(function() {
$(':input').val(''); //This would clear all inputs.
});
因此，当文档完成加载时，它将清除所有输入。对正文加载使用以下功能
<body onLoad="uncheck()">
函数取消选中（）{
$（':checkbox:checked'）.prop（'checked'，false）；
//或者也可以使用removeAttr
//$（':checkbox:checked'）。removeAttr（'checked'）；
}
<script>
$( document ).ready(function() {
$(':checkbox:checked').prop('checked',false);
//$(':checkbox:checked').removeAttr('checked');
});
</script>
$（文档）.ready（函数（）{
$（':checkbox:checked'）.prop（'checked'，false）；
//$（':checkbox:checked'）。removeAttr（'checked'）；
});
如果你想清除所有的输入字段，下面是答案，并给出详细解释：我知道这是一个老问题，但有人可能会“谷歌”相同的问题，并在这里登陆，就像我做的那样。2019年，Chrome 71仍然有这种行为，所以它不会很快消失。同时，这里有一个脚本，可以轻松地将选中状态调整为选中属性
<script>
/* This script is to FIX some strange browser (Chrome included) behaviour.
History back returns false checks on checkboxes.
The checked HTML attribute is only a "DEFAULT VALUE" unfortunately */
var filter_form = document.getElementById("filter_form");
var inputs = filter_form.getElementsByTagName("input");
for(var i = 0; i < inputs.length; i++) {
if(inputs[i].type == "checkbox") {
/* If default is checked, but state is not checked, check it*/
if (inputs[i].defaultChecked == true) {
if (inputs[i].checked != true) {
inputs[i].checked = true;
}
/* If defeault not checked, but state is checked, uncheck it */
} else {
if (inputs[i].checked == true) {
inputs[i].checked = false;
}
}
}
}
</script>
/*此脚本用于修复某些奇怪的浏览器（包括Chrome）行为。
历史记录返回对复选框的错误检查。
不幸的是，选中的HTML属性只是一个“默认值”*/
var filter_form=document.getElementById（“filter_form”）；
var inputs=filter_form.getElementsByTagName（“输入”）；
对于（变量i=0；iautocomplete='off'window.onpageshow = () => {
updateContent();
};
这不仅会在firefox中执行，即使在历史回溯之后，也会在Chrome在历史回溯之后选中复选框，并且复选框上选中的道具将处于正确状态。如果使用
readyonunloadwindow.onunload=function（）{}window.onpageshow = () => {
updateContent();
};