如何取消选中后退按钮上的复选框?

时间:2013-12-18 05:45:46

标签: javascript jquery html checkbox

嗨我有多个复选框,下面是我有一个按钮,它会根据复选框选择过滤数据。 enter image description here

当我点击过滤器按钮时,它会转移到其他页面,当我点击后退按钮时,复选框会重新检查。

但我希望当我点击后退按钮时,复选框应该取消选中。

enter image description here

任何帮助。

4 个答案:

答案 0 :(得分:12)

您可以使用jQuery重置页面加载上的复选框

$('input:checkbox').prop('checked', false);

Demo(永远不会检查复选框,因为onload正在摆脱checked财产)

ondomready(将以下代码放在文档中的任何位置)

$(document).ready(function(){
   $('input:checkbox').prop('checked', false);
}); 

答案 1 :(得分:2)

对于遇到类似问题的用户,将autocomplete="off"添加到复选框可能会有所帮助。

https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

答案 2 :(得分:1)

单击后退按钮时尝试此操作 使用Jquery清除复选框

$("input[type='checkbox']").each( function() {
$(this).removeAttr('checked');
});

答案 3 :(得分:1)

您可以使用以下代码:

window.onbeforeunload = function() {
         //unchecked your check box here.  
      $("input[type='checkbox']").prop('checked', false)
 };