Using jQuery Cookie to store checkbox state

Question

How do you use the jQuery Cookie plugin to ensure a checked checkbox remains checked when refreshing the page or leaving and returning to the page?

alex · Accepted Answer · 2012-01-26 02:37:07Z

4

If using the $.cookie jQuery plugin...

var checkbox = $('#your-form :checkbox:first'),
    checkboxCookieName = 'checkbox-state';

checkbox.prop('checked', +$.cookie(checkboxCookieName));

checkbox.click(function() {
   $.cookie(checkboxCookieName, +this.checked);
});

answered Jan 26, 2012 at 2:37

alex

492k205 gold badges890 silver badges992 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

ShankarSangoli Over a year ago

There is unwanted + while setting the checkbox checked prop.

alex Over a year ago

@ShankarSangoli How is it unwanted? I want to store '0' or '1' for ease of converting back from string to something falsy.

andriy Over a year ago

Also note that .prop() was added in jQuery 1.6. If you using more older plugin it can be replaced with .attr()

Collectives™ on Stack Overflow

Using jQuery Cookie to store checkbox state

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related