(jQuery) Salva lo stato della casella di controllo al clic nel cookie

Question

Ci sono molti argomenti riguardanti questa funzione, tuttavia non riesco a farlo funzionare. Ho cercato su Google in questo caso specifico e un sacco di link mi permettono di essere qui, ma stranamente non riesco a farli funzionare. L'unica cosa che ho ottenuto è stata la seguente: http://dl.dropbox.com/u/2238080/a/!old/z.htm ma come puoi vedere, non memorizza lo stato della casella è deselezionata.

saluti, Ruben

Answer 1

È possibile modificare TUTTO il codice in solo: MODIFICA per rimuovere la parte non necessaria.

$(document).ready(function(){ 
    // read the current/previous setting 
    $("input.box[type=checkbox]").each(function() { 
     var name = $(this).attr('name'); 
     if ($.cookie(name) && $.cookie(name) == "true") { 
      $(this).prop('checked', $.cookie(name)); 
     } 
    }); 
    // event management 
    $("input.box[type=checkbox]").change(function() { 
     var name = $(this).attr("name"); 
     $.cookie(name, $(this).prop('checked'), { 
      path: '/', 
      expires: 365 
     }); 
    }); 
}); 

tra cui sbarazzarsi di tutto questo:

$(document).ready(function(){ 
    remember("[name=1]"); 
}); 
... 

EDIT: versione meno prolissa:

$("input.box").each(function() { 
    var mycookie = $.cookie($(this).attr('name')); 
    if (mycookie && mycookie == "true") { 
     $(this).prop('checked', mycookie); 
    } 
}); 
$("input.box").change(function() { 
    $.cookie($(this).attr("name"), $(this).prop('checked'), { 
     path: '/', 
     expires: 365 
    }); 
}); 

esempio funzionante: http://jsfiddle.net/R73vy/

Answer 2

Dovrebbe funzionare con jQuery < 1.6 ma a partire dalla 1.6 si dovrebbe cambiare ogni aspetto del .attr("checked")-.prop("checked")

EDIT: cambiata la condizione if per verificare il cookie

 function remember(selector){ 
      $(selector).each(
       function(){ 
        var name = $(this).attr('name'); 
        if($.cookie(name) && $.cookie(name)=="true"){ 
         $(this).prop('checked', true); 
        } else { 
         $(this).prop('checked', false) 
        } 
        $(this).change(
         function(){ 
          $.cookie(name, $(this).prop('checked'), { path: '/', expires: 365 }); 
         } 
        ); 
       } 
      ); 
     } 

Answer 3

Se non strettamente necessario utilizzare i cookie, utilizzando il nuovo Web Storage HTML5 (in particolare l'oggetto sessionStorage in questo ca SE) è molto più facile e meglio di memorizzazione in un cookie:

http://www.w3schools.com/html/html5_webstorage.asp

il supporto del browser è abbastanza pieno:

http://caniuse.com/#search=sessionstorage

Answer 4

Se siete solo interessati a una casella di controllo E/O non si desidera includere il plugin jQuery biscotto per questo, ecco due righe di codice:

//on page load set the checkbox to stored value or default to true 
$('#turbo').prop('checked' , (typeof sessionStorage.turbo !== 'undefined') ? (sessionStorage.turbo=='true') : true); 
//when checkbox is updated, update stored value 
$('#turbo').change(function() { sessionStorage.turbo = $(this).prop('checked'); }); 

anche questo non fa uso di c gli ookies risparmiano così un paio di byte di larghezza di banda. Passare a localStorage per estendere la durata della selezione salvata.