javascript - 复选框控件不接受页面加载值

Question

我的 _Layout.cshtml 上有以下 JS。基本上，在每个“页面加载”中，复选框都会设置为 Checked(true)，即使代码应将其设置为 Cookie。
如果我只是在页面加载时将其设置为 false，它就可以工作。(例如 $("#ShowInactive").prop("checked", false); )但是，正如您在代码中看到的，我可以根据 Cookie 在 Click 事件中设置复选框的值。

我也尝试过将函数设置为 $(document).ready(function () {但注意到不同。

<script type="text/javascript">
    $(function () {
        console.log('1 - ' + Cookies.get('ShouldShowInactive'));
        var Inactive = Cookies.get('ShouldShowInactive') == true ? true : false;
        $("#ShowInactive").prop("checked", Inactive);

        $("#ShowInactive").click(function () {
            console.log('2 - ' + Cookies.get('ShouldShowInactive'));
            var ShowInactive = this.checked ? true : false;
            console.log('3 - ' + ShowInactive);
            Cookies.set('ShouldShowInactive', ShowInactive);
            console.log('4 - ' + Cookies.get('ShouldShowInactive'));
        });
    });
</script>

复选框控件:

<div class="pull-right checkbox">
   <label class="btn btn-success">
       @(Html.Kendo().CheckBox().Name("ShowInactive").Label("Show Inactive"))
   </label>
</div>

当我检查 cookie 时，通过我的 Console.log()通过 Chrome 开发工具，该值始终显示为 true或false 。另外，在上述方式之前我试图将其直接设置为 Cookies.get('ShouldShowInactive')基本上，这是在页面加载时始终选中复选框的一种方式，而当前方式始终未选中该复选框。这两种方式都会忽略 Cookie 的正确值。

Answer 1

Cookies.get() 函数返回一个字符串，"true"== true 将计算为 false。将条件更改为

 var Inactive = Cookies.get('ShouldShowInactive') == "true" ? true : false;