Asp.Net OnClick 通过 javascript 执行答案

【问题标题】：Asp.Net OnClick perform through javascriptAsp.Net OnClick 通过 javascript 执行
【发布时间】：2011-11-10 18:16:46
【问题描述】：

我有一个正常的删除图像和一个 Asp.Net 按钮。如果我单击 javascript 中的图像，我需要单击 Asp.Net 按钮并执行它的操作。

有没有办法从客户端做到这一点：这是我的普通 Html 按钮：

这是我的 Asp.Net 按钮：

<asp:Button ID="Button1" runat="server" Text="Button" />

这是我的代码：

  Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
                //Do something//
  End Sub

【问题讨论】：

为什么需要这两个按钮？你可以删除asp按钮吗？并在单击 HTML 按钮时使用任何 ajax 库调用服务器端代码？
我不明白为什么你有两个。在设计视图中创建按钮并双击它。它将生成按钮的代码。
实际上我不需要 Html 按钮，而是使用我必须在 javascript 中使用的图像。如果我单击该图像，我会使按钮自动单击并能够执行其操作。
@javasocute 我知道它为按钮创建了一个代码隐藏，但我在 javascript 中有一个图像而不是按钮，当单击 t 时，我需要单击 Asp.Net 按钮。

标签： javascript asp.net button click

【解决方案1】：

试试这个：

var btn = document.getElementById("<%=Button1.ClientID%>");
if (btn){
    btn.click();
}

【讨论】：

【解决方案2】：

我会试试这个：

<input type="button" id="mybutton" onclick="document.getElementById('<%= Button1.ClientID %>_input').click();">

【讨论】：

【解决方案3】：

我认为最合适的方法是这样做：

在您的代码隐藏中：

Protected ReadOnly Property ButtonClickScript() As String
    Get
        Return Page.ClientScript.GetPostBackEventReference(Button1, "")
    End Get
End Property

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click

End Sub

在 aspx 中：

<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
<img onclick="<%=ButtonClickScript() %>" />

【讨论】：