复选框上的 Jquery 道具在页面加载时不起作用

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

由于non-empty 字符串始终为真，localStorage 始终以string 的形式存储数据

用string测试localStorage的值

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