set checkbox as checked/unchecked based on database jQuery

Question

I am trying to set data on localStorage as 1/0.Then if I get 1 from it I want to checked a checkbox else unchecked.I was wrote a code but it isn't working.And I can't find-out what I am doing wrong!

<label class="a-b-c">
  <input id="check-it" type="checkbox" name="check">
  Check.
</label>

$(window).load(set_func_o());
    function set_func_o(){
        try_it();
        $('#check-it').change(function(){
            var chk= this.checked ? '1':'0';
            localStorage.setItem('checkit-the-item',chk);
            try_it();
        });
        function try_it(){
        var check_stat= localStorage.getItem('checkit-the-item');
        check_stat === '1' ? $('#checkit').prop('checked',true):$('#checkit').prop('checked',false);
        }
    }

Suggestion please!

Take off the () on your load binding. It should be $(window).load(set_func_o); so you are giving it a function reference, not invoking it immediately. — Taplar
– Taplar, Commented Dec 13, 2017 at 18:10

F.Almeida · Accepted Answer · 2017-12-13 18:10:12Z

1

You are referencing a wrong element ID. Also, you can clean your code to only one prop setter.

function try_it(){
    var check_stat = localStorage.getItem('checkit-the-item');
    $('#check-it').prop('checked', check_stat === '1');
}

answered Dec 13, 2017 at 18:10

F.Almeida

4132 silver badges13 bronze badges

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

3 Comments

Phiter Over a year ago

Exactly. I've tried his code and the only thing preventing it from working was the wrong id.

Utpal Sarkar Over a year ago

How stupid I am :D . Thanks @F.Almeida for the clean code,it is much better.

Phiter Over a year ago

I made a jquery extension that could be useful for you. Check it out jsfiddle.net/42gh5q27

Collectives™ on Stack Overflow

set checkbox as checked/unchecked based on database jQuery

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