通过cookie记住切换状态

我正在寻找一种方法来记住切换状态，并在github上遇到js-cookie。该文件解释了如何创建，读取和删除一个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来记住状态？

来源

2017-05-09 Daksh B

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

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

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

EDITS：

JS FIDDLE

来源

2017-05-09 11:15:08

喂阿伦，PE的jsfiddle dikha sakta海？ –

@DakshB检查小提琴。 –

通过cookie记住切换状态

回答

相关问题