通過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記住切換狀態

回答

相關問題