如何在刷新页面后检查复选框

Question

我在一个表单中有 50+个复选框。如果用户偶然键入了错误的Captcha，则整个页面会刷新，然后他们将再次通过复选框重新选择所有选项。现在，我想在localStorage上保存用户选择的选项。

经过研究，我发现这个解决方案对我来说没用，因为以下代码保存了Checkbox状态，它适用于页面上所有可用的复选框。

HTML / PHP代码：

<label for="<?php echo $val;?>">
    <input type="checkbox" name="CuisineTags[]" value="<?php echo $val; ?>" id="<?php echo $val; ?>" <?php echo $checked; ?> class="addCuisineItem"/>
    <span class="cuisine-name"><?php echo $val; ?></span>
</label>  

JS代码：

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

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

请帮忙。关于上述问题的最佳解决方案是什么。