jquery - 要根据 mvc3 中的复选框单击隐藏或显示 div

Question

在我看来，我有一个表，其中每行包含复选框和 2 列。最初没有检查

   <input type="checkbox" name="chkbox" class="a" data-id="@item.Data.CandidatePortfolioID" onclick="Checked()" />
        <div class="cell" id="edit2" style="width:auto;">@Html.DisplayFor(modelItem => item.DataEndDate)</div>
        <div class="cell" id="edit1" style="width:auto; display:none;">
         @Html.TextBox("Enddate", item.DataEndDate, new { @class = "date"})
                </div>

我希望在选中复选框时显示 id='edit1' 的 div，并在该特定行中隐藏它

我该怎么做？

Answer 1

$("input[name='chkbox']").on("change", function () {
    $("#edit1").toggle(this.checked);
});

jQuery 1.7 之前:

$("input[name='chkbox']").change(function () { // or .bind("change", function () {
    $("#edit1").toggle(this.checked);
});

Demo.