javascript - 根据数据库 jQuery 将复选框设置为选中/取消选中

Question

我试图将localStorage上的数据设置为1/0。然后，如果我从中得到1，我想选中一个复选框，否则未选中。我写了一段代码，但它不起作用。而且我无法找出我做错了什么!

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

请给点建议!

Answer 1

您引用了错误的元素 ID。此外，您可以将代码清理为仅一个 Prop setter 。

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