使用隐藏 div 时选中的复选框不起作用

Question

我有一个下拉菜单（lbProperty），当选定的值为 2 时，div1 显示，但最后 2 行带有 textbox1 和 >textbox2 被隐藏。没关系，这就是工作。

当显示 div1 时，对 check 事件没有影响，我从未看到“Click！”。

有什么想法吗？

谢谢，

在主页中：

@model DPI_MVC3Razor.Models.MyModel
$(document).ready(function () {
    $('#div1').hide();

    $('#lbProperty').change(function () {
        var result = $(this).val();
        $('#div1').hide();
        if (result == 2)
            $('#div1').show();
    });

    if ($('#checkbox1').attr('checked')) {
        alert("Click!");
    }
});

<div id="div1">
    @Html.Partial("div1Content", Model)
</div>

---

在“div1Content”中

@model DPI_MVC3Razor.Models.MyModel

<script type="text/javascript">
    $(document).ready(function () {
        $(".jcsss1").hide();
    });
</script>

<table>
<tr>
    <td>AAAAA</td>
    <td>@Html.CheckBox("chk9", Model.IsOK)</td>       
</tr>
<tr class="jcsss1">
    <td>BBBBB</td>
    <td>@Html.TextBox("textbox1", Model.MyValue1)</td>
</tr>
<tr class="jcsss1">
    <td>CCCCC</td>
    <td>@Html.TextBox("textbox2", Model.MyValue2)</td>
</tr>
</table>

Answer 1

您尚未在检查事件中放置任何内容。

if ($('#checkbox1').attr('checked')) {
        alert("Click!");
    }

该代码仅位于 document.ready 中，这意味着它仅在 DOM 完成加载时执行一次。

你想要这个：

$('#checkbox1').click(function(){
    if ($(this).attr('checked')) {
        alert("Click!");
    }
});