【问题标题】:How to uncheck checkbox on back button?如何取消选中后退按钮上的复选框?
【发布时间】:2014-01-06 04:22:21
【问题描述】:

您好,我有多个复选框,下面有一个按钮,它将根据复选框的选择过滤数据。

当我点击过滤器按钮时,它将转移到其他页面,当我点击后退按钮时,复选框保持选中状态。

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

任何帮助。

【问题讨论】:

  • 重新标记您的问题,因为纯 HTML 无法做到这一点

标签: javascript jquery html checkbox


【解决方案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');
    });
    

    【讨论】:

      猜你喜欢
      • 2014-05-23
      • 1970-01-01
      • 2020-05-21
      • 2021-12-18
      • 2018-04-14
      • 2013-06-06
      • 2014-08-07
      • 2014-09-24
      相关资源
      最近更新 更多