javascript - 通过jquery检查页面加载本身是否选中复选框

Question

我在 .Net MVC 3 页面中有以下复选框和 span 标记，

@Html.CheckBoxFor(m => m.CheckedStatus, new Dictionary<string, object> { { "id", "cbCheckedStatus7" }, { "name", "cbCheckedStatus" }, { "class", "onchange" } })
<span id="spBlueCheckbox" style="display: none; color: blue;"> Some message</span>

Jquery:

jQuery(function ($) {
        $('#cbCheckedStatus7').on('change', function () {            
            $('#spBlueCheckbox').slideToggle(this.checked);
        });

如果选中该复选框，我需要显示跨度标签，否则隐藏它。最初 spab 标签是隐藏的。

我已经编写了jquery来执行上述场景，但只有当我用鼠标手动单击时它才起作用。我需要的是，当我从上一页导航到此页面时，默认情况下会选中基于数据库标志的复选框，但不显示跨度标记。

Answer 1

在页面加载时调用下面的 jquery :

$(document).ready(function(){
    // do initial check and make show / hide
    if($('#cbCheckedStatus7').is(':checked')){ // check if checkbox checked
       $('#spBlueCheckbox').show();
    }

   // add change handler
   $('#cbCheckedStatus7').on('change', function () {            
       $('#spBlueCheckbox').slideToggle(this.checked);
    });
});