即使页面刷新后如何保持复选框处于选中状态

Question

我的表单上有一个复选框正在使用数据库，供活动（1）和不活动（0）用户通过管理面板访问。 一切工作正常，但问题在于刷新/重新加载页面后，如果选中或取消选中复选框，则不会保留checbox的记录。 我希望即使在管理员注销并再次登录后也能记住它们。 谁能帮我吗 ？ 提前感谢

这是HTML：

<td><input type='checkbox' class='user_status' 
       id='user_status_<?php echo $data['user_reg_id']; ?>' value='' name = 'user_status' 
                                onclick="userId(<?php echo $data['user_reg_id']; ?>)" />

这是JS：

<script>
function userId(user_reg_id){
     $(document).ready(function(){
        var link =  "<?php echo base_url();?>" ;
            var st = $('#user_status_'+user_reg_id).is(":checked") ? 0 : 1; 
            $.post(link + "administration/um/user_status", {user_reg_id:user_reg_id, user_reg_status:st,  ajax : 1}, function(data){
                      alert (st); //showing status 1 and 0 on alert
  if (st == 1){
                          $("#user_status_").prop(":checked", true)
                             } else {
                          $("#user_status_").prop(":checked", false)
                     }; 
            });
    }); 
}
</script>

Answer 1

单击复选框时，使用ajax将复选框的值存储在数据库中..如果复选框的值为1而不是选中的，还从数据库的复选框的值中获取...否则取消选中:)

Answer 2

由于您需要持久化数据，因此建议您使用HTML5 localStorage。 根据持久性的不同，您可能需要将其保存在数据库中。 我没有测试过此代码，也没有实际执行此操作。 旨在使您接近可行的解决方案。

function isChecked(user_reg_id){
    $(document).ready(function(){ 
        $('#user_status_'+user_reg_id).on('click', function () {
            if(localStorage && localStorage.getItem(user_reg_id)){
                localStorage.removeItem(user_reg_id);
            }else{
                $('#user_status_'+user_reg_id).prop('checked', true);
            }
        }
    });
}