Javascript 刷新页面后保持选中动态创建的复选框

我有多个具有唯一id的复选框，这些复选框是动态创建的，我需要在刷新页面时单击复选框以选中它们。我使用了下面的代码，但这会在刷新时检查所有复选框

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

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

任何帮助都将不胜感激。

$（文档）.ready（函数（）{
if（sessionStorage.getItem（'checked-checkbox'）&&$.parseJSON（sessionStorage.getItem（'checked-checkbox'））.length！==0）
{
var arrCheckedCheckboxes=$.parseJSON（sessionStorage.getItem（'checked-checkboxes'））；
//将复选框数组转换为逗号分隔id
$（arrCheckedCheckboxes.toString（））.prop（'checked'，true）；
}
$（“输入：复选框”）.change（函数（）{
var ArrCheckedCheckBox=[]；
//选中所有复选框
$。每个（$（“输入：复选框：选中”），函数（）{
arrCheckedCheckboxes.push（“#”+$（this.attr（'id'））；
});
//将选中的复选框数组转换为JSON ans并将其存储在会话存储中
setItem（'checked-checkbox'，JSON.stringify（arrcheckedcheckbox））；
});
});

复选框1:

复选框2:

复选框3:

复选框4:

复选框5:
使用cookies存储输入信息可能更好，因为它不敏感。对于简单的存储来说，localStorage有点过分了，因为在您或用户删除它之前，它是不会被删除的。@Jamie Sterling，我对此持开放态度，但我不知道如何使用Javascript，我将为您写一个关于如何使用Javascript cookies创建和管理输入的答案。我们都去过那里。：-）另一方面，cookies会随每个HTTP请求一起发送（或返回）到该服务器。请检查我的更新答案。这比前面的答案短。