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;">    

---

如果我选中该复选框，则不会执行任何操作，我的意思是，当选中该复选框时，应显示span标记。最初不显示范围。

您需要一个事件处理程序

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

---

您在哪里找到了DOM就绪处理程序？

我已经在jquery中编写了按钮click，所以第一次使用了DOM就绪。这是正确的还是错误的..如果我错了，请纠正我，或者最好的做法是什么..@Govind，我已经批准了你的编辑，因为你说代码有效，所以请接受答案。@adeneo，我可以在这里使用slidedown和slideup吗。我试过滑动部分，但不起作用。你能帮我一下吗？是的，你可以使用slideToggle或

$（'spBlueCheckbox'）[this.checked？'slideUp'：'slideDown']（）
jQuery(function($) {
    $('#cbCheckedStatus7').on('change', function() {
        $('#spBlueCheckbox').toggle(this.checked);
    });
});