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

时间:2014-01-26 15:31:20

标签: javascript php jquery html

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

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

我无法重置它,然后我点击按钮,因为我丢失了发布数据与PHP。

2 个答案:

答案 0 :(得分:1)

使用javascript body 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 窗口事件而不是body onunload事件:

window.onbeforeunload = clearCheckBoxes;

答案 1 :(得分:0)

也许这在页面底部:

<script>
var chk = document.getElementById("someCheckboxID");
chk.checked=chk.defaultChecked; // set to default
</script>
</body>