如果LocalStorage中的Checkbox值等于“true”,则检查getItem

时间:2014-06-11 18:56:32

标签: javascript html5 checkbox

问题......

我能够将复选框设置为" true"但是,如果选中,我会在localStorage中保留数据,使用' getItem'获取项目值。问题是,我是否在编写函数时遇到问题,检查值是否等于' true' ...如果它是==为真,请勾选复选框。

这是我的本地存储保存已检查项目的方式:

enter image description here

完美但是如何在选中框的情况下获取项目?

我输入的功能如下:

     if (localStorage.getItem('contractor')) { 
         contr100.value = localStorage.getItem('contractor'); }

这适用于我的基本输入,数据没有问题。但是,尝试恢复复选框"已检查"似乎是我的挑战。

使用getItem,复选框返回空白。输入工作正常,但在返回表单后无法再次填充选中的复选框。

enter image description here

1 个答案:

答案 0 :(得分:1)

    if (localStorage.getItem('contractor') == 'true') { 
        document.getElementById('checkbox').checked = true;
    }else{
        document.getElementById('checkbox').checked = false;
    }