AsyncPostBackTrigger用于复选框控件未触发

Question

问题的上下文：

我有一个复选框和一个按钮。 在页面加载时，该按钮被禁用并显示为灰色。 我希望复选框启用并重新为按钮添加颜色（如果已选中），并还原更改（如果未选中）。 可以将其视为“用户协议”页面，该页面上的用户接受条款并需要单击复选框以继续。

页面上方有网格视图和其他组件，这些视图会在回发时中断，因此在线搜索后发现可以使用UpdatePanel。 认为这比为复选框编写jQuery更简单，但无法正常工作

码：

ASPX

<asp:UpdatePanel ID ="upCheckbox" runat="server">
    <ContentTemplate>
        <asp:CheckBox ID="checkLabel" runat="server" OnCheckedChanged="checkLabel_CheckedChanged"/><asp:Label ID="AknowledgementLabel" runat="server" Text="Info is correct & Enable button"></asp:Label>
        <br /><br />
        <asp:Button ID="btnSubmit" Text="Submit Application" CssClass="jqbutton" OnClick="btnSubmit_Click" runat="server"/>
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="checkLabel" EventName="CheckedChanged"/>
    </Triggers>
</asp:UpdatePanel>

背后的代码：

protected void Page_Load(object sender, EventArgs e)
{
    btnSubmit.Enabled = false;
    btnSubmit.ForeColor = System.Drawing.Color.Gray;
}

protected void checkLabel_CheckedChanged(object sender, EventArgs e)
{
    if (checkLabel.Checked)
    {
        btnSubmit.Enabled = true;
        btnSubmit.ForeColor = System.Drawing.ColorTranslator.FromHtml("#336699");
    }
    else
    {
        btnSubmit.Enabled = false;
        btnSubmit.ForeColor = System.Drawing.Color.Gray;
    }
}

问题：

复选框不起作用，并且提交按钮保持禁用状态。 不知道我是出于适当目的使用更新面板还是丢失了某些东西。 是否可以按照我尝试的方式完成此操作，还是应该继续使用jQuery？

Answer 1

您在CheckBox控件中缺少AutoPostback="true" 。 默认情况下，它设置为false 。 缺少自动回传功能，您的活动将无法到达服务器端。

<asp:UpdatePanel ID ="upCheckbox" runat="server">
    <ContentTemplate>
        <asp:CheckBox ID="checkLabel" runat="server" AutoPostback="true" OnCheckedChanged="checkLabel_CheckedChanged"/>
        <asp:Label ID="AknowledgementLabel" runat="server" Text="Info is correct & Enable button"></asp:Label>
        <br /><br />
        <asp:Button ID="btnSubmit" Text="Submit Application" CssClass="jqbutton" OnClick="btnSubmit_Click" runat="server"/>
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="checkLabel" EventName="CheckedChanged"/>
    </Triggers>
</asp:UpdatePanel>