通过Cookie记住切换状态

Question

我正在寻找一种方式来记住切换状态，并在github上遇到了js-cookie 。 该文档说明了如何创建，读取和删除Cookie。 我希望有个例子可以帮助我更好地理解。

我需要切换一个表单以显示所有字段或仅显示必填字段（表单有点大，但是所有字段都不是必需的，因此请考虑隐藏不需要的字段，并且如果用户希望以某种方式提供所有详细信息，可以只需切换以显示所有字段）。

这个切换示例非常简单。

HTML

<html>
<head>
</head>
<body>
    <p>This is a paragraph.</p> 
    <button>Toggle between hide() and show()</button>
</body>
</html>

使用Javascript

$("button").click(function(){
    $("p").toggle();
});

的jsfiddle

问题是重新加载表单时，切换状态被忘记了。 我想使用js-cookie记住上一个切换状态（打开或关闭）。 如何使用此Cookie记住状态？

Answer 1

您可以使用浏览器的本地存储来存储切换状态。

$("button").click(function(){
    $("p").toggle();
    localStorage.setItem("toggleState","true");
});

var state=localStorage.getItem("toggleState");
if(state=="true"){
console.log("toggled");
}

EDITS：

JS菲德尔

通过Cookie记住切换状态

问题描述

1 个解决方案

解决方案1
0 已采纳 2017-05-09 11:15:08

通过Cookie记住切换状态

问题描述

1 个解决方案

解决方案1 0 已采纳 2017-05-09 11:15:08

解决方案1
0 已采纳 2017-05-09 11:15:08