Изменение изображения Imagebutton при нажатии, используя javascript

Question

Я пытаюсь изменить URL-адрес изображения при нажатии кнопки изображения, но изображение не меняется.

Ни одна из функций в javascript не меняет изображение и, похоже, не получает идентификатор кнопки изображения.

Есть ли у кого-нибудь предложения, как это сделать?

<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

Вы забыли ID (#) в Jquery попробовать:

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