Não precisa usar banco de dados para isso. Você pode guardar essa informação usando JavaScript localStorage
.
O localStorage
funciona semelhante a um cookie, que você pode usar para armazenar informações a serem usadas posteriormente, e que permanecem mesmo se o usuário fechar o navegador (mais info sobre localStorage
neste link).
Você pode criar um listener em jQuery para o checkbox
que criará (ou apagará o localStorage
):
$("#id_do_checkbox").on("click", function(){
if($(this).prop("checked")){
localStorage.marcado = true;
}else{
localStorage.removeItem("marcado");
}
});
E fazer uma verificação se o localStorage
existe, marcando o checkbox
automaticamente no carregamento da página:
$(document).ready(function(){
if(localStorage.marcado){
$("#id_do_checkbox").prop("checked", true);
}
});
Em caso de múltiplos checkbox
$("input[type='checkbox']").on("click", function(){
var box = $("input[type='checkbox']");
if($(this).prop("checked")){
localStorage.setItem('marcado'+box.index(this), true);
}else{
localStorage.removeItem("marcado"+box.index(this));
}
});
$(document).ready(function(){
var boxes = $("input[type='checkbox']");
for(var x = 0; x < boxes.length; x++){
if(localStorage.getItem("marcado"+x)){
$(boxes[x]).prop("checked", true);
}
}
});