使用 jQuery 检查 ASP.NET 复选框

我有以下 ASP.NET 服务器控件复选框。

<asp:checkbox id="chkMonS1" runat="server" />
<asp:checkbox id="chkMonS2" runat="server" />
<asp:checkbox id="chkAllMon" runat="server" />

还有其他复选框。

<asp:checkbox id="chkTueS1" runat="server" />
<asp:checkbox id="chkTueS2" runat="server" />
<asp:checkbox id="chkAllTue" runat="server" />

所以我尝试使用 jQuery 来选择所有复选框，如下所示。

<script type="text/javascript">
        $('chkAllMon').click(
        function () {
            $('chkMonS1').attr('checked', true)
            $('chkMonS2').attr('checked', true)
        }
        )
    </script>

然而，这不起作用。哪里出了问题？

您正在尝试在客户端上使用服务器端 ID。 它应该看起来像这样：

$('#<%=chkAllMon.ClientID %>').click(
        function () {
            $('#<%=chkMonS1.ClientID %>').attr('checked', true)
            $('#<%=chkMonS2.ClientID %>').attr('checked', true)
        }

说明：ASP.NET ID 是您在服务器上看到的 ID。当 ASP.NET 控件呈现为 html 时，它们会被赋予另一个 id。