单击时更改 Imagebutton 的图像，使用 javascript

Question

我正在尝试在单击图像按钮时更改图像 URL，但图像没有改变。

javascript 中的任何函数都不会更改图像，并且似乎无法获取图像按钮的 ID。

有人对如何进行这项工作有任何建议吗？

<div class="content-wrapper">
    <script src="Default.js"></script>
    <asp:UpdatePanel runat="server">
        <ContentTemplate>
           <div class="sliderDivImages">
                <div class="buttonContainer">
                    <asp:ImageButton runat="server" id="projectManagementButton" OnClientClick="ButtonClick()" CssClass="button" ImageUrl="Images/button_ProjectPrintManagement.png"></asp:ImageButton>
                    <p class="button">
                        PROJECT &<br />PRINT MANAGEMENT
                    </p>
                </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
</div>

function ButtonClick() {

    $("<%= projectManagementButton.ClientId %>").attr("src", "Images/buttonLight_ProjectPrintManagement.png");

    var projectManagementImg = document.getElementById("projectManagementButton");

    var imageButtonID = $(this).attr("ID");

    return false;
}

Answer 1

您忘记了 jquery 中的 ID (#) 尝试：

  $("#<%= projectManagementButton.ClientId %>").attr("src", "Images/buttonLight_ProjectPrintManagement.png");