记住复选框值

时间:2011-04-02 00:40:04

标签: html5 checkbox jqtouch local-storage offline

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

但是,当用户关闭应用程序时,复选框将恢复为原始状态,即所有未选中状态,我希望它们在用户离开时保留。我想本地存储将是这样做的方式,但是,我已经试了一下,我有点困惑。

任何帮助都会很棒,并提前感谢你。

凯尔

1 个答案:

答案 0 :(得分:0)

你走了:

$(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检查了复选框)。