Skip to main content
adicionou 47 caracteres ao conteúdo
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

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'+$(this)'marcado'+box.index(this), true);
   }else{
      localStorage.removeItem("marcado"+$(this)"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);
      }
   }
});

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(){
   if($(this).prop("checked")){
      localStorage.setItem('marcado'+$(this).index(), true);
   }else{
      localStorage.removeItem("marcado"+$(this).index());
   }
});

$(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);
      }
   }
});

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);
      }
   }
});
adicionou 566 caracteres ao conteúdo
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

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(){
   if($(this).prop("checked")){
      localStorage.setItem('marcado'+$(this).index(), true);
   }else{
      localStorage.removeItem("marcado"+$(this).index());
   }
});

$(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);
      }
   }
});

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);
   }
});

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(){
   if($(this).prop("checked")){
      localStorage.setItem('marcado'+$(this).index(), true);
   }else{
      localStorage.removeItem("marcado"+$(this).index());
   }
});

$(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);
      }
   }
});
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

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);
   }
});