Javascript 用Jquery cookie存储div的切换状态？

我正在使用引导Sb管理模板，我想使用jquery cookie来记住导航栏的切换状态

问题是当页面被重新加载时，切换状态被遗忘。我想使用js cookie来记住最后的切换状态（折叠或不折叠）。如何使用此cookie来记住状态

//切换侧面导航
$（“#sidenavToggler”）。单击（函数（e）{
e、 预防默认值（）；
$（“body”）.toggleClass（“sidenav toggled”）；
$（“.navbar sidenav.nav link collapse”）.addClass（“collapsed”）；
$（“.navbar sidenav.sidenav二级，.navbar sidenav.sidenav三级”）.removeClass（“显示”）；
});
//单击可折叠导航链接时，强制删除切换的类
$（“.navbar sidenav.nav链接折叠”）。单击（函数（e）{
e、 预防默认值（）；
$（“body”）.removeClass（“sidenav切换”）；
});









































您应该使用。例如：


localStorage.setItem（'toggled'，'true'）So。您有一些切换，可以使用localStorage保存它们的值。根据它们的数量，您应该为每个切换保存一个或一个包含很少值的值或对象。然后，您需要通过按钮或onChange保存到本地存储。加载页面时，您需要检索数据

有一个例子给你

在需要保存多个切换的情况下，您只需组织数据收集，然后将其转换为object和JSON。并通过转换JSON检索数据。不过，俄语中就有一个例子

<label>Numer 1
    <input onclick="update()" name="test" value="1" type="radio">
</label>
<label>Numer 2
    <input onclick="update()" name="test" value="2" type="radio">
</label>
<label>Numer 3
    <input onclick="update()" name="test" value="3" type="radio">
</label>
<button onclick="save()">Save</button>

我认为如何通过javascript设置cookie可以通过简单的搜索轻松找到，如果您接受本地存储的想法，我会这样解释。这个主意似乎更好。事实上，我对饼干的用法不太熟悉？Pl在这种情况下建议。@Sergey当然，你可以描述客户而不是服务器是的，这就是我要说的。由于您需要客户端上的切换状态，因此您将希望使用localStorage。相信我；）
let current = null;
window.onload = () => {
    let checked = localStorage.getItem("checked") || 1;
    console.log('It works!\n\n'+checked);
    if (checked) {
        document.querySelector('input[value="'+checked+'"]').checked = true;
}
    current = document.querySelector('input:checked').value;
}

function update() {
    current = document.querySelector('input:checked').value;
    console.log(current);
}

function save() {
    localStorage.setItem("checked", current);
}