javascript - 如何在第一次点击javascript后禁用按钮

Question

我是 C# 新手。我在 InsertItemTemplate 中有一个保存按钮。我已使用以下代码在 Java 脚本中第一次单击后禁用该按钮，但它甚至不适用于第一次单击，请帮助我。

<asp:ImageButton ID="imgbtnSave" runat="server" CommandName="Add" CausesValidation="true" OnClientClick="this.disabled='true';return true;"  />

Answer 1

您正在浏览器上修改 DOM 对象的“disabled”属性，但该按钮在单击时会回发到服务器，因此对 DOM 的任何更改都将丢失。

在服务器代码中处理命令“Add”的函数中，您必须从 InsertItemTemplate 检索按钮并将其“Enabled”属性设置为 false，这将从服务器端禁用该控件。

如果您想在页面尚未重新加载时避免多次点击，那么您需要一个客户端函数来避免这种情况，如下所示:

<asp:ImageButton ID="imgbtnSave" runat="server" CommandName="Add" CausesValidation="true" OnClientClick="return checkEnabled(this);"  />

<!-- somewhere in your page -->
<script>
    function checkEnabled(item)
    {
        if(item.disabled != 'true')
        {
            item.disabled = 'true';
            return true;
        }

        return false;
    }
</script>