Question

所以我试图在页面刷新后检查复选框我使用以下脚本但是当页面刷新时，它会检查所有其他复选框。 也可以动态生成注意输入，但不能编码因此我不能将不同的ID输入到不同的输入

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

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

请考虑以下复选框位于代码

中

<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">

Answer 1

您可以将所有复选框保存为JSON数组，然后通过循环遍历数组来恢复它们。

jQuery(function(){
    if (localStorage.input) {
        var checks = JSON.parse(localStorage.input);
        jQuery(':checkbox').prop('checked', function(i) {
            return checks[i];
        });
    }
});

jQuery(':checkbox').on('change', function() {
    localStorage.input = JSON.stringify(jQuery(':checkbox').map(function() {
        return this.checked;
    }).get());
});

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

1 个答案: