Javascript 如何在页面刷新后保持复选框处于选中状态
我的表单上有一个复选框,用于通过管理面板访问活动(1)和非活动(0)用户的数据库。一切正常,但问题是在刷新/重新加载页面后选中或取消选中复选框时,没有保留复选框的记录。我希望他们被记住,即使在管理员注销和再次登录。有人能帮我吗? 先发制人 这里是HTML: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']; ?>
<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){?>