button click using jquery

Question

I have an asp.net button on a page without masterpage like this:

<asp:Button ID="target" runat="server" Text="Animate Me" >
</asp:Button>

and I am calling this:

var panel = $('#<%= target.ClientID %>');
panel.click(function(){
  alert($(this).attr("value")); 
});

but no alert is shown. I even tried this:

$('#target').click(function(){
  alert($(this).attr("value")); 
});

but It didnt work.

Please suggest me how to click the button and what is issue in above code.

Thanks.

Vadim · Accepted Answer · 2011-02-28 15:25:05Z

2

Following code worked for me

 var panel = $('#<%= target.ClientID %>');
 eval(panel.trigger('click'));

and asp.net button looks like this.

 <asp:Button ID="target" runat="server" Text="Animate Me" 
     OnClientClick="alert('button clicked');return false;" > </asp:Button>

hope it will help someone sometime :)

edited Feb 28, 2011 at 15:25

Vadim

18k5 gold badges41 silver badges62 bronze badges

answered Feb 28, 2011 at 7:21

DotnetSparrow

28.1k64 gold badges188 silver badges318 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

JohnP · Accepted Answer · 2011-02-28 05:46:58Z

0

Did you put your code inside $(document).ready() Make sure it's wrapped

An example would be

$(document).ready(function(){
   $('#target').click(function(){ 
     alert($(this).val());  //use .val() if you're getting the value
   });
});

answered Feb 28, 2011 at 5:46

JohnP

50k13 gold badges112 silver badges142 bronze badges

5 Comments

JohnP Over a year ago

I'm not sure how ASP.NET handles it, but have a look at your HTML. Depending on what type of button is created, you might have to change the code. Example here : jsfiddle.net/jomanlk/PUpnr

DotnetSparrow Over a year ago

Hi JohnP: I just checked and generated html looks like this : <input type="submit" name="target" value="Animate Me" onclick="return false;" id="target" />

JohnP Over a year ago

Ok, like user Yads mentions, you need to remove that onclick for this to work. And use .val() to get the value

DotnetSparrow Over a year ago

@JohnP, I dont have onclick in button markup. I only have onclientClick

JohnP Over a year ago

I'm talking about onclick="return false;" in the HTML markup that you posted. Not sure how ASP works, but you need to remove that. Unless there is an ASP specific way to handle it.

Vadim · Accepted Answer · 2011-02-28 05:51:31Z

0

The reason is because an asp server button creates an inline onclick handler that calls the doPostBack function. This function is run and submits the form to the server. This happens before your handler is run. I would suggest using an html input button (non server), alternatively you can use the OnClientClick attribute if you also need server side click handling.

answered Feb 28, 2011 at 5:51

Vadim

18k5 gold badges41 silver badges62 bronze badges

6 Comments

DotnetSparrow Over a year ago

actually, I am using JQUery QUnit and I need to perform a click of button from QUnit test and then see what is effect after click. I can't use onclientclick

Vadim Over a year ago

@DotnetSparrow, if this is just for a test, you can remove the onclick attribute using jQuery.

DotnetSparrow Over a year ago

I can't sue it because I need to test it against server side button click

Vadim Over a year ago

@Dotnetsparrow, the effect after the click will be a call to doPostBack. So do you want to attach a handler or do you want to test what happens when you click the button?

DotnetSparrow Over a year ago

In test I need to first create event handler and then test the effect

|

Collectives™ on Stack Overflow

button click using jquery

3 Answers 3

Comments

5 Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

5 Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related