javascript - 检查是否在jQuery中选中了复选框

我的查看页面：

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

jQuery：

jQuery().ready(function domReady($) {
    if ($('#cbCheckedStatus7').is(':checked')) {
       $('#spBlueCheckbox').show();
    } else {
       $('#spBlueCheckbox').hide();
    }
});

如果我选中该复选框，则不会执行任何操作，这意味着在选中该复选框时，应该显示span标签。最初，不显示跨度。

最佳答案

您需要一个事件处理程序

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