Javascript 刷新页面，但选中复选框

我知道我是一个不折不扣的人，我已经尝试了很多不同的方法来让这个JSFIDLE像我希望的那样工作。但还是没有运气

Im链接到第一个复选框保留其内容的版本

$（函数（）{
var test=localStorage.input=='true'？true:false；
$（'yolo'）.prop（'checked'，test | | false）；
});
$（'#yolo'）。on（'change'，function（）{
localStorage.input=$（this）.is（':checked'）；
log（$（this）.is（':checked'）；
});

基本上，我需要所有复选框独立保存。 上下文是这样的，用户可以检查他们可以做的事情，当他们回到站点时，上下文就会在那里。

---

您可以使用jqueryajax重新加载/刷新页面的所需部分，而不是刷新整个页面。然后你会的，如果你遵循方法论，我可以给出答案。这个想法是能够在一周后回来，它仍然会被检查。所以你可以关闭页面，然后回来，它仍然被检查。你可以使用cookies。或本地存储。或者数据库…您使用的是哪种编程语言？也将在一周后在同一台计算机或不同的计算机上返回？我正在尝试使用上面的localStorage。如何扩展JS以包含多个复选框？如在复选框中，复选框被选中并保持该状态。

<input type="checkbox" id="yolo">
<input type="checkbox" id="yolo2">
<input type="checkbox" id="yolo3">


$(function(){
var test = localStorage.input === 'true'? true: false;
$('#yolo').prop('checked', test || false);
});

$('#yolo').on('change', function() {
localStorage.input = $(this).is(':checked');
console.log($(this).is(':checked'));
});

if(localStorage.length > 0)
{
    $.each(localStorage,function(index,item)
    {
        if( $("#"+index)[0] )
        { 
            if(item == "true")
                $("#"+index).attr("checked","checked");
        }
    });
}
$('input:checkbox').on('change', function() 
{
    localStorage.setItem($(this).attr("id"),($(this).is(":checked") ? true : false));
});