选中复选框隐藏/显示视图中的div

Question

我在检查IsAnonymous并且选中IsMeeting时尝试显示 MeetingDiv ，应显示 MeetingTextBox 。< / p>

尝试.click，.change和live，但没有任何效果。我不知道我错在哪里。

<div class="col-md-4 sidePad" >
 @Html.Label("Is Anonymous")
 @Html.CheckBoxFor(p => p.IsAnonymous, new { id = "CBAnonymous"})
</div>

<div class="col-md-6" id="MeetingDiv" style="display:none">
 @Html.Label("Is Meeting")
 @Html.CheckBoxFor(p => p.IsMeeting, new { id = "CBMeeting"})
</div>

<div class="col-md-6" id="MeetingTextBox" style="display:none">
 @Html.Label("Meeting Name")
 @Html.TextBoxFor(p => p.MeetingName, new { id = "TBMeetingName"})
</div>

<script>
    $(function () {
        $("#CBAnonymous").click(function () {
            if ($(this).prop("checked")) {
                $("#MeetingDiv").show();
            } else {
                $("#MeetingDiv").hide();
            }
        });
    });
</script>

Answer 1

试试这个

$('#CBAnonymous').change(function(){
    if(this.checked)
         $("#MeetingDiv").show();
    else
        $("#MeetingDiv").hide();