Javascript 保存切换条件

我已经为翻转开关编写了一个代码，但在刷新页面时状态总是会发生变化：

---

我假设您正在尝试用其他内容替换您的Ajax post请求

我的建议是使用一个cookie，它可以在本地保存一些信息供js使用

首先，在网页顶部添加如下内容（在

标签中）：

然后，您需要在刷新时检查切换的cookie，并添加行为，以在切换为true时选中该框：

if(toggled == 'true') { //If cookie set to true...
 $('#switch').attr('checked','checked').flipswitch("refresh") // Flip the switch (Important for jquery mobile).
}

请参阅以获取一个工作示例

---

我希望这能有所帮助。

请将您的代码直接发布到SO，不要使用屏幕截图。否则，浏览器将不会执行.Php代码。此文件由apache/nginx提供？我们可以使用Cookies保存切换状态吗是的，您可以），但我认为使用本地存储更快，我是初学者，请您详细帮助我。。很抱歉给你添麻烦。。。请理解我的意思problem@mika我已经更新了我的答案，并添加了一个JSFIDLE示例和一个工作示例。@mika添加了（我想）kevin sir，当我在浏览器中运行该代码时，切换状态未被保存，它正在将bzck恢复到其在刷新page@mika似乎少了一些双引号。我已经删除了php部分，但再次检查是否有效。您必须再次重新添加php

(function($) {
  // Grabs cookie and puts into a js variable.
  var toggled = $.cookie('toggled');

//  On click of checkbox, check if set/unset. Then set cookie to true/false.

  $('#switch').change(function()) {
      if($(this).is(':checked')) { // If set to true, set toggled to true.
        $.cookie('toggled', true, { expires: 1, path: '/' });
      } else { // Else, set to false.
        $.cookie('toggled', null, { expires: 1, path: '/' });
      }
  }

})(jQuery);

if(toggled == 'true') { //If cookie set to true...
 $('#switch').attr('checked','checked').flipswitch("refresh") // Flip the switch (Important for jquery mobile).
}