call two functions on single button click

Sonali Avhad

i have two functions-one function for creating pdf from ssrs and download it

and another function for downlading multiple pdfs in zip folder.

on one button click i m calling both functions.But it excute only one fuction ,second function not calling

Please help me.

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

satheesh d4y ago
The two different functions implementation can be written in two different function and then another function is created to call these two functions and the click event can be called for this function.

Calling multiple function by single click injavascript onclick

function1() { alert("function1 is called"); }
function2() { alert("function2 is called"); }
mainfun() {
function1();
function2();
}

This one of the way to call two different methods in single click event.
+1
Ravinder Sharma5y ago
Hi,

You should call function one first and let it complete then you should call the second one at the ending of function one.
If there is an Ajax request set it to async: false and call it in the success section or before the closing curly braces.
+1
Sachin Singh5y ago
there are multiple options
method 1. using semicolon
"button" onclick="f1(), f2(), f3(), f4()"/>
method 2.
$("#btn").on("click",function(e){
    e.preventDefault();
    f1();
    f2();
});
method 3.
$("#btn").on("click",function(e){
    e.preventDefault();
    f1();

});

function f1()
{

// f1 work

f2();

}
+1
Abhishek Chadha5y ago
You can call the first function on button click and after the processing of the first function and at the end of this first function just before the closing of first function call the second function
+1