How to call a code behinds button click event using javascript

Question

Is it possible to call a server side buttons click event using javascript or jquery If yes then how to do it

If you are on asp.net, you should use `onclientclick` instead of `onclick`. — Mr_Green, Jan 04 '13 at 11:33
I have no idea what are you talking about (server side button?!) but you could check the jquery click to see if it's what you're looking for: http://api.jquery.com/click/ — sica07, Jan 04 '13 at 11:34

score 17 · Answer 1 · answered Jan 04 '13 at 11:33

17

Lets say this is your html:

<input type="button" id="button" value="btn" />

In jquery, you invoke click of button as below:

$("#button").click();   //button is id

And in javascript:

document.getElementById("button").click();

answered Jan 04 '13 at 11:33

Ashwin

12,081
22
83
117

The javascript part helped me ! Thanks ! – badprogrammer May 30 '22 at 17:40

phnkha · Answer 2 · 2013-04-18T08:53:13.287

4

Yes, javascript can do that. I assume you are using ASP.Net

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

<script>
    document.getElementById("<%= button.ClientID %>").click();
</script>

edited Apr 18 '13 at 08:53

answered Jan 04 '13 at 11:50

phnkha

7,782
2
24
31

This works well!! Can we hide the visibility of the ASP button ? Here no need of handle the button event twice. – Prajwal Bhat Jun 26 '17 at 12:46

shweta · Answer 3 · 2013-04-12T11:01:42.873

4

in jquery

$("#button_id").click(function(){
// do something when button is clicked
});

and invoke the function with

$("#button_id").click();

edited Apr 12 '13 at 11:01

answered Jan 04 '13 at 12:19

shweta

8,019
1
40
43

score 2 · Answer 4 · answered Jan 04 '13 at 11:32

2

document.getElementById("Button1").click();

answered Jan 04 '13 at 11:32

Azzy

433
2
18

score 1 · Answer 5 · answered Jan 04 '13 at 11:33

1

call the click() of specified button which will trigger server side events too in web forms.

$("#idofbutton").click(); // whereever required to trigger the server click  event

Thanks

answered Jan 04 '13 at 11:33

Sridhar Narasimhan

2,643
2
17
25

score 0 · Answer 6 · answered Jan 04 '13 at 11:35

Whether it is a server side control or client side control when the click is triggered in client, based on the attributes it will formulate the server events. Consider an Serverside button from asp.net page, when you trigger click event from javascript/jquery, normally it will make a postback event to the server because of the attribute runat=server. Below is the syntax for triggering the click event in jQuery.

$('#buttonID').click();

score 0 · Answer 7 · answered Jan 04 '13 at 11:46

0

yes, you can do it with the following code:

$('[id$=txtDOB]').live('blur', function (e) {
        $('[id$=btnsubmit]').click();
    });

The button's click fire on textbox(txtDOB)'s blur event. Hope this will help you.

answered Jan 04 '13 at 11:46

Ram Singh

6,664
35
100
166

How to call a code behinds button click event using javascript

7 Answers7

Linked