Home/ Questions/Q 8819615
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T05:24:18+00:00

On my web page I have a button, and some JQuery code. The problem

  • 0

On my web page I have a button, and some JQuery code. The problem is that when I click the button, the JQuery code is not executed. Clicking the button still does a postback, and seems to ignore the JQuery code.
Here is my button:

<button id="btnCancel" class="button" runat="server" ><span>Cancel</span></button>

Here is my JQuery Code:

 $(document).ready(function () {
    $('#btnCancel').click(function () {
        alert('hello');
    });
});

what I would like to achieve is that when the button is clicked, a message must be displayed showing “Hello”.
Am I missing something here?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What people have said here will work. Make sure you have put all the pieces together.

    Add jQuery

    <head>
 ....
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
</head>

    Add your code

    <button id="btnCancel" class="button" runat="server" ><span>Cancel</span></button>
<script type="text/javascript">
     $(document).ready(function () {
         $('#<%= btnCancel.ClientID %>').click(function () {
             alert('hello');
             return false;
         });
     });
</script>

    I added a “return false;” in there to keep the page from posting back, if you only wanted the javascript to run.

    • 0