Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在页面刷新后保持复选框处于选中状态_Javascript_Jquery_Codeigniter_Checkbox_Sqlyog - Fatal编程技术网

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

Javascript 如何在页面刷新后保持复选框处于选中状态,javascript,jquery,codeigniter,checkbox,sqlyog,Javascript,Jquery,Codeigniter,Checkbox,Sqlyog,我的表单上有一个复选框,用于通过管理面板访问活动(1)和非活动(0)用户的数据库。一切正常,但问题是在刷新/重新加载页面后选中或取消选中复选框时,没有保留复选框的记录。我希望他们被记住,即使在管理员注销和再次登录。有人能帮我吗? 先发制人 这里是HTML: <td><input type='checkbox' class='user_status' id='user_status_<?php echo $data['user_reg_id']; ?>

我的表单上有一个复选框,用于通过管理面板访问活动(1)和非活动(0)用户的数据库。一切正常,但问题是在刷新/重新加载页面后选中或取消选中复选框时,没有保留复选框的记录。我希望他们被记住,即使在管理员注销和再次登录。有人能帮我吗? 先发制人

这里是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']; ?>)" />
<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>

单击复选框值时,使用ajax将其存储在数据库中。。

如果复选框值比选中的值大1,还可以从数据库中获取复选框值……否则取消选中:)

因为您需要持久化数据,我建议使用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);
            }
        }
    });
}

我已经做到了,先生,但这对我不起作用。我设置了一个警报框来检查状态是否为给定状态,并显示状态1和状态0,该状态保存在db中。我应用了check if(st==1){$(#user_status_uu).prop('checked',true);}或者{$(#user_status_u).prop('checked',true);}但是它不起作用。不明白为什么!var st=$(“#用户状态”+用户注册id)。是否(“:选中”)?1 : 0;同样,在输入框中输入如下条件:if($data['checkbox value']==1){?>