javascript - 返回同一页面后如何重置复选框,然后在浏览器中按“返回”

标签 javascript php jquery html

在第一页中有几个复选框,我选择其中一个,然后按提交按钮。提交按钮将我移至第二页,在第二页上,如果我按浏览器中的后退按钮,我会返回到选中相同复选框的第一页。

问题是如何重置该复选框(或所有复选框)?

我无法重置它,然后我单击按钮,因为我丢失了 php 的发布数据。

最佳答案

使用 javascript 主体 onunload 事件

<body onunload="clearCheckBoxes()">

并编写clearCheckBoxes函数来清除所有复选框。

function clearCheckBoxes() {
    var inputs = document.getElementsByTagName("input");
    for (var i = 0; i < inputs.length; i++){
        if (inputs[i].type === 'checkbox')
            inputs[i].checked = false;
    }
}

为了在 IE 上工作,请使用窗口的 onbeforeunload 事件而不是正文 onunload 事件:

window.onbeforeunload = clearCheckBoxes;

关于javascript - 返回同一页面后如何重置复选框,然后在浏览器中按“返回”,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21365311/

相关文章:

javascript - 如何让Jquery可排序插件使用表格中的多行进行拖动

jquery - 如何获得视觉最顶层元素 - jQuery

javascript - 如何在替换为新元素之前删除 HTML 标签?

javascript - ContentEditable 元素对热键没有反应

php - 获取 PHP 中所有 UTF-8 空白字符的完整列表的最简单方法

php - 如何使 nginx 虚拟目录在 php 中可访问?

javascript - 如何使用淡入效果更改线性渐变的主体背景

javascript - 选项 HTML,更改 SelectBox 插件的默认结构

php - css中高度的条件语句

apache - jquery.ajax() POST 在 Nginx/PHP-FPM 上收到 IE10 的空响应,但适用于 Apache