复选框上的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

  

由于non-empty字符串始终是真实的，localStorage始终以string

的形式存储数据

使用localStorage

测试string的值

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