Question

32

(jQuery) Save checkbox state on click in cookie

rated 0 times [ 34] [ 2] / answers: 1 / hits: 19504 / 12 Years ago, tue, december 18, 2012, 12:00:00

There are a lot of topics regarding this function, nonetheless I can't seem to get it working. I've googled on this specific case and a bunch of links let me here, but strangly enough I can't seem to get them to work. The only thing I did get working was the following:
http://dl.dropbox.com/u/2238080/a/!old/z.htm
but as you can see, it doesn't store the state of the box is unchecked.

Regards,
Ruben

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jazminkyrap

Add To Favorites

Follow

Total Points: 631

Total Questions: 89

Total Answers: 109

Location: Finland

Member since Fri, Oct 21, 2022

2 Years ago

jazminkyrap questions

1 How to fix error: Fontconfig error: Cannot load default config file

Sat, Apr 17, 21, 00:00, 3 Years ago

1 How to return an attribute of clicked element in react?

Sun, Jul 5, 20, 00:00, 4 Years ago

1 why do I got Uncaught TypeError: response.text is not a function error when try to assignt body received as text to a variable in javascript

Sat, May 16, 20, 00:00, 4 Years ago

1 Error This line has a length of 182. Maximum allowed is 100 max-len

Thu, Apr 16, 20, 00:00, 4 Years ago

1 Selecting an html node's text content with htmlparser2 in Node.js

Mon, May 27, 19, 00:00, 5 Years ago

View All

answered 12 Years ago haden · Accepted Answer

You can change ALL your code to just: EDITED to remove part unneeded.

$(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

        });

    });

});

including getting rid of all these:

$(document).ready( function(){

    remember([name=1]);

});

...

EDIT: less verbose version:

$(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

    });

});

working example: http://jsfiddle.net/R73vy/