如何在localStorage中保存复选框值？

Question

我一直无法在 localStorage 中保存复选框值，我发现了一些关于这里的主题，但我仍然遇到问题。

这是我创建复选框的 HTML 的一部分：

<div id="displayer_show">
    <div class="demo" id="labels2-3">
        <input name="switch_show" type="checkbox" value="1" checked/>
     </div>
</div>

以及我的 ma​​in 脚本的一部分：

$(function () {
    var data = localStorage.getItem("showning");
    if (data !== null) {
        $("input[name='switch_show']").attr("checked", "checked");
    }
});

$("input[name='switch_show']").click(function () {

    if ($(this).is(":checked")) {
        localStorage.setItem("showning", $(this).val());
    } else {
        localStorage.removeItem("showning");
    }
});

有它的jsfiddle链接：http://jsfiddle.net/remibenault/Dp4Tj/8/

任何帮助将不胜感激。

Answer 1

编辑你的脚本如下：

$(function () {
  var data = localStorage.showning;
  $("input[name='switch_show']")
    .prop('checked',data=='true')
    .change(function () {
       localStorage.showning = $(this).prop("checked");
    });
});

问题是复选框是默认选中的，而你

Answer 2

只需删除 value="1" checked 部分就可以了。 $(this).val() 也应该是 1。我不太清楚你为什么打电话给$(this).val()。

http://jsfiddle.net/prankol57/Dp4Tj/9/