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");
}

<强>编辑：

JS FIDDLE

通过cookie

1 个答案: