在 sessionStorage 中存储复选框值答案

【问题标题】：Store checkbox value in sessionStorage在 sessionStorage 中存储复选框值
【发布时间】：2015-02-22 00:50:18
【问题描述】：

任何人都可以帮助我我正在尝试使用window.sessionStorage 存储复选框的状态。当用户从 page1 转到 page2 然后单击返回按钮转到 page1 我希望用户在转到 page2 之前检查的所有复选框都被选中。

此链接在页面底部有脚本，一旦它处于 localStorage 或 sessionStorage 模式，该脚本就可以工作
http://elikirk.com/store-form-data-with-html5-localstorage-and-jquery/。

【问题讨论】：

不使用localstorage有什么原因吗？
是的，因为使用本地存储...它在所有浏览器中存储数据我想在浏览器/选项卡关闭后立即清除 sessionStorage
好的，尝试使用 .setItem() 或在我发布的链接上解释的其他内容，否则它应该是您的代码中的某些内容，将被搜索...如果可能的话给我一个JSFiddle，所以我可以更好地调试它

标签： javascript jquery ajax checkbox session-storage

【解决方案1】：

好吧，也许这就是你使用会话存储的方式......

http://www.w3schools.com/html/html5_webstorage.asp

这是一个解释localstorage和sessionstorage的链接

如果没有，请发布您的完整代码的 JSFiddle（如果可能），以便我可以调试您的代码...

【讨论】：

这不回答问题，甚至尝试回答，无非是link only answer
错误的参考，请参阅W3Fools... 使用MDN 是更好的参考。
Sweet，你已经认识到微软是唯一一个不参与 HTML5 运动的人，甚至整个 IE 的通用功能都被严重更新了？但是 MDN 比任何其他网站都好？！？ :-) 只是重复浪费的提示，发布在没有人真正阅读的网站上不是一个好建议

【解决方案2】：

谢谢大家。我自己解决了。

   $('#id of the form').submit(function (ev) {
  sessionStorage.setItem('checkBoxesResult', $("#id of the form").serialize()); 
  });

if(sessionStorage.getItem("checkBoxesResult")) {

        var printVal = sessionStorage.getItem("checkBoxesResult");
        var checkBoxArray = [];
        if (printVal != null) {
        checkBoxArray = printVal.split("&");
        for( var i=0; i < checkBoxArray.length; i++ ) {

            var nv  = checkBoxArray[i].split("=")
            n = decodeURIComponent(nv[0]),
            v = nv.length > 1 ? decodeURIComponent(nv[1]) : null;

            selectedChkBox(n,v);
        }
    }
    }


   function selectedChkBox( chkbox, value ) {
      $("[name="+chkbox+"]").each( function() {   
     if ( $(this).val() ==  value )
        $(this).attr('checked', true);
     else
        if ( $(this).attr('checked') == true)
            $(this).attr('checked', false);
    });
     }

【讨论】：