记住复选框值答案

【问题标题】：Remember checkbox value记住复选框值
【发布时间】：2011-07-28 01:51:01
【问题描述】：

嗨，如果有人能对此有所了解，我将不胜感激，基本上我有一个使用 jqtouch 和 phonegap 构建的 iphone 应用程序，它有一个标准复选框列表，当它们被选中时，将应用删除线效果，很简单（有点像一个简单的清单）这一切都在客户端处理，不会被发送到任何地方。

但是，当用户关闭应用程序时，复选框将恢复到其原始状态，即全部未选中，我希望它们在用户离开它们时保持不变。我想本地存储将是做到这一点的方法，但是，我已经尝试过了，我有点困惑。

任何帮助都会很棒，并在此先感谢您。

凯尔

【问题讨论】：

您“试一试”和“感到困惑”包含零有用信息。我们需要有用的信息来帮助您解决问题。请阅读：msmvps.com/blogs/jon_skeet/archive/2010/08/29/…
对不起，如果我没有提供足够的信息。让我们说现在我只有一个标准的 html 表单，没有其他的三个复选框。当用户选择一个框时，boz 将被勾选，我希望当用户刷新页面时复选框的状态保持不变，即勾选而不恢复到其原始状态。就是这样，不多也不少。我猜本地存储将是一种方式，但我不确定这就是为什么我在这里询问是否有人愿意提供帮助，因为我已经被困了好几天了。对不起，我不知道要提供什么其他信息。
另外我提前道歉我是初学者。

标签： html checkbox jqtouch local-storage offline

【解决方案1】：

给你：

$(document).ready(function() {

    $('form')
    .delegate(':checkbox','change',function() {

        var $this = $(this);

        localStorage.setItem('checkbox' + $this.index('form :checkbox'),$this.attr('checked').toString());
    })
    .find(':checkbox')
    .each(function(index) {

        if(localStorage.getItem('checkbox' + index) === 'true') $(this).attr('checked',true);
    });
});

我自己花了一些时间来正确编写它，但我认为这是值得的。默认状态处理由您决定（例如，当复选框已被 HTML 选中时）。

【讨论】：