如果我使用Enabled = false，则缺少asp：Button的OnClientClick（或HTML中的onclick）

Question

在页面中，我有两个单选按钮。 如果单击单选按钮2，它将激活搜索按钮。 如果用户单击此搜索按钮，它将使用jQuery .ajax调用来检索数据并显示在jqGrid中。

启动时必须禁用搜索按钮。 禁用，是指如果用户单击它，则什么也不会发生。

由于按钮是asp按钮，因此我将Enabled用作：

<asp:Button ID="btnSearch" Text="Search" UseSubmitBehavior="false" runat="server" Enabled="false" OnClientClick="return SearchAccessCode()" />

以下是用于检测/处理单选按钮组切换的代码：

$('input[name$=radioGroup]').change(function() {
    if ($('input[name$=radioGroup]:checked').val() == "rbFirst") {
        $('#<%=btnSearch.ClientID%>').prop('disabled', true);
    }
    else {
        $('#<%=btnSearch.ClientID%>').prop('disabled', false);
    }
}

当我调试页面时，单击第二个单选按钮（rbSecond）后，将启用“搜索”按钮。 我单击它，没有任何反应！ 我检查了生成的HTML，发现它与其他按钮不同。 没有与之关联的onclick（）！

<input type="button" name="ctl00$MainContent$btnSearch" value="Search" id="MainContent_btnSearch" disabled="disabled" class="aspNetDisabled" />

从网络上，我知道Enabled将转换为HTML中的disabled状态。 所以我将Enabled替换为disabled 。

<asp:Button ID="btnSearch" Text="Search" UseSubmitBehavior="false" runat="server" Disabled="True" OnClientClick="return SearchAccessCode()" />

打开生成的HTML，找出与其他asp按钮相同的HTML。 含义：它具有onclick（）。 当然，当我按下“搜索”按钮时，实际上是在执行搜索功能！

 <input type="button" name="ctl00$MainContent$btnSearch" value="Search" onclick="return SearchAccessCode();__doPostBack(&#39;ctl00$MainContent$btnSearch&#39;,&#39;&#39;)" id="MainContent_btnSearch" Disabled="True" />

我不禁要问为什么 。 由于可以将Javascript插入ASP.NET页，因此如果使用Enabled="false" （Microsoft方式）禁用了按钮，则可以使用JavaScript将其启用。 但是这时，我将失去按钮和onclick（）所指向的函数之间的连接！

Answer 1

这是默认行为，因为无论如何该按钮都被禁用并且不起作用。 重新启用它，将触发PostBack并将OnClientClick添加到按钮：

<asp:UpdatePanel runat="server">
        <ContentTemplate>
            <asp:Button ID="btnSearch" Text="Search" UseSubmitBehavior="false" runat="server" Enabled="false" OnClientClick="console.log('btnSearch onClientClickEvent');" />
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
        </Triggers>
    </asp:UpdatePanel>
    <asp:Button ID="Button1" Text="Toggle Search Button" UseSubmitBehavior="false" runat="server" OnClick="Button1_Click" />

.cs：

protected void Button1_Click(object sender, EventArgs e) => btnSearch.Enabled = !btnSearch.Enabled;

如果即使禁用按钮，也要保留OnClientClick事件作为标记，则必须使用javascript，因此不会触发PostBack：

document.getElementById("<%= btnSearch.ClientID %>").disabled = true;

或者如您所述，只需使用disabled属性：

<asp:Button ID="btnSearch" Text="Search" UseSubmitBehavior="false" runat="server" disabled OnClientClick="console.log('btnSearch onClientClickEvent');" />