javascript - 复选框上的 Jquery Prop 在页面加载时不起作用

Question

我的页面中有一个默认选中的复选框。我尝试使用 LocalStorage 并在用户更改时将值保存在那里。

这是我所做的:

<script language="javascript" type="text/javascript">
        jQuery(document).ready(function ($) {

            $('#togglelist').prop('checked', localStorage.ListCheckbox);

            $("#togglelist").change(function () {
                localStorage.ListCheckbox = $('#togglelist').prop('checked');
            });

    </script>

我可以在开发人员控制台上看到单击复选框时值发生变化。此外，如果我不选中它 (false)，在下一页加载时，本地存储的值为 false，但该复选框仍处于选中状态。

编辑:我无法使用 checkboxradio('refresh')，因为我没有 JQM。

Answer 1

As non-empty string is always truthy and localStorage always stores data in form of string

用string测试localStorage的值

$('#togglelist').prop('checked', localStorage.ListCheckbox==='true');