Javascript 使用jQuery cookie或本地存储保存.addClass

每次保存样式表时，我都试图保存.addClass，以便按钮记住

用户可以打开/关闭该选项

我的简单html：

<div id="btn-switch" class="btn-group" data-toggle="buttons">
    <button class="btn btn-default" type="radio" name="options" id="option1" data-color="{T_THEME_PATH}/normal.css" autocomplete="off">off</button>
    <button class="btn btn-default" type="radio" name="options" id="option2" data-color="{T_THEME_PATH}/inverse.css" autocomplete="off">on</button>
</div>

这是我的代码：

<script>
$(document).ready(function() {

    if ($.cookie("css")) {
        $("#bg").attr("href", $.cookie("css"));
    }

    $("#btn-switch button").click(function() {
        $("#bg").attr("href", $(this).attr('data-color'));
        $("#btn-switch .active").removeClass("active");
        $(this).addClass("active");
        $.cookie("css", $(this).attr('data-color'), {
            expires: 365,
            path: '/'
        });
        return false;
    });
});
</script>

如何使用相同的cookie保存.active类？

---

我也会使用本地存储来完成所有这些，但我甚至不知道如何启动我在上面实现的代码片段

    $(document).ready(function () {
        //on page load check for cookie value and add active class
        if($.cookie("isButtonActive") == 1)
        {
            $("#btn-switch button").addClass("active");
        }

        $("#btn-switch button").click(function() { 
           //your previous code here
           if($("#btn-swtich button").hasClass("active") == true)
           {
               //button was active, de-activate it and update cookie
               $.("#btn-switch button").removeClass("active");
               $.cookie("isButtonActive", "0");
           }
           else
           {
               //button is not active. add active class and update cookie.
               $.("#btn-switch button").addClass("active");
               $.cookie("isButtonActive", "1");

           }
        });
    });

---

下面是一个简单的方法：

    $(document).ready(function () {
        //on page load check for cookie value and add active class
        if($.cookie("isButtonActive") == 1)
        {
            $("#btn-switch button").addClass("active");
        }

        $("#btn-switch button").click(function() { 
           //your previous code here
           if($("#btn-swtich button").hasClass("active") == true)
           {
               //button was active, de-activate it and update cookie
               $.("#btn-switch button").removeClass("active");
               $.cookie("isButtonActive", "0");
           }
           else
           {
               //button is not active. add active class and update cookie.
               $.("#btn-switch button").addClass("active");
               $.cookie("isButtonActive", "1");

           }
        });
    });

---

以下是使用localstorage的一种方法：

鉴于此标记，我在本例中使用input type=radio：

<div class="btn-group" data-toggle="buttons" id="btn-switch">
  <label class="btn btn-default">
    <input type="radio" id="option1" name="options" value="1" data-color="{T_THEME_PATH}/normal.css" autocomplete="off"> off
  </label> 
  <label class="btn btn-default">
    <input type="radio" id="option2" name="options" value="2" data-color="{T_THEME_PATH}/inverse.css" autocomplete="off"> on
  </label> 
</div>
<br><br>
<a id="bg" href="{T_THEME_PATH}/normal.css">Background</a>

这是一个

---

在演示中，尝试打开和关闭复选框，然后再次运行。您将看到，后续运行会记住选中了哪个项目，并相应地设置href。

以下是使用localstorage的一种方法：

鉴于此标记，我在本例中使用input type=radio：

<div class="btn-group" data-toggle="buttons" id="btn-switch">
  <label class="btn btn-default">
    <input type="radio" id="option1" name="options" value="1" data-color="{T_THEME_PATH}/normal.css" autocomplete="off"> off
  </label> 
  <label class="btn btn-default">
    <input type="radio" id="option2" name="options" value="2" data-color="{T_THEME_PATH}/inverse.css" autocomplete="off"> on
  </label> 
</div>
<br><br>
<a id="bg" href="{T_THEME_PATH}/normal.css">Background</a>

这是一个

---

在演示中，尝试打开和关闭复选框，然后再次运行。您将看到，后续运行会记住选中了哪个项目，并适当地设置href。

您将无法可靠地执行此操作。您应该使用服务器和数据库设置。如果有人清理了他们的饼干怎么办？这对我来说很好。如果Cookie被清除，他们将再次切换开关。。我想保持简单。好的，那么你应该保持简单，当按钮处于关闭状态时删除cookie。并在选中时创建cookie。和页面加载检查cookie并设置类。您将无法可靠地执行此操作。您应该使用服务器和数据库设置。如果有人清理了他们的饼干怎么办？这对我来说很好。如果Cookie被清除，他们将再次切换开关。。我想保持简单。好的，那么你应该保持简单，当按钮处于关闭状态时删除cookie。并在选中时创建cookie。在页面上检查cookie并设置类。太棒了！很高兴我看到了你的另一个帖子-明亮的很高兴我看到了你的另一个帖子-