Change onClick function arguments dynamically

Question

I have something like this:

<button id="button1" onClick="someFunc('arg1','arg2')"> </button>

Is it possible in JavaScript to change parameters of the function someFunc to look like below:

<button id="button1" onClick="someFunc('somethingDiff1','somethingDiff2')"> </button>

so assign a need onclick method to it and remove the old one. — epascarello
– epascarello, Commented Jun 9, 2016 at 13:59
@epascarello seems a good approach. can you provide an example — QGA
– QGA, Commented Jun 9, 2016 at 14:01

Sharique Hussain Ansari · Accepted Answer · 2016-06-09 14:32:33Z

10

Try this

If you want in jquery then try this

$(document).ready(function(){
   var clickfun = $("#button1").attr("onClick");
   var funname = clickfun.substring(0,clickfun.indexOf("("));       
   $("#button1").attr("onclick",funname+"('somethingDiff1',"+"'somethingDiff2')");
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="button1" onClick="someFunc('arg1','arg2')">Button1</button>

If you want in JavaScript then try this:-

<script>
  window.onload=function(){
  var clickfun = document.getElementById("button1").getAttribute("onclick");
  var funname = clickfun.substring(0,clickfun.indexOf("("));       
  document.getElementById("button1").setAttribute("onclick",funname+"('somethingDiff1',"+"'somethingDiff2')");    
};
</script>

Hope This will help you.

edited Jun 9, 2016 at 14:32

answered Jun 9, 2016 at 14:18

Sharique Hussain Ansari

1,4561 gold badge12 silver badges22 bronze badges

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

2 Comments

Parvez Rahaman Over a year ago

After click the button what about 'someFunc is not defined'

QGA Over a year ago

Terribly easy.... I just did $('...').attr("onclick","someFunc('something1','something2')"); and it worked

prizm1 · Accepted Answer · 2016-06-09 14:05:28Z

5

This could also be done by writing something similiar to this:

document.getElementById('button1').setAttribute('onclick','thiswhatyouwanttohave');

But the document have to be fully loaded, or at least the button must be present to be able to access the onclick attribute.

answered Jun 9, 2016 at 14:05

prizm1

3731 silver badge11 bronze badges

2 Comments

QGA Over a year ago

Thanks. I tried this already with some issues. The button is in a table which is generated dynamically.

prizm1 Over a year ago

ok just wrap it with: window.onload = function () { } to be sure it is accesible, if it works fine also :) you can also set the onload attribute dynamically if this may help

Don · Accepted Answer · 2016-06-09 14:12:56Z

4

Based on your requirement, we can just change arguments like below: check this working fiddle.

https://jsfiddle.net/TaEgQ/42/

button.setAttribute( "onClick", "someFunc('new1','new2')" );

answered Jun 9, 2016 at 14:12

Don

1,3341 gold badge10 silver badges19 bronze badges

Comments

Standard · Accepted Answer · 2016-06-09 14:01:44Z

1

You can just go in your script.js and type something like that:

var value = 10

$("#button1").click(function() {

 if(value < 5)
  someFunc("arg1");
 else someFunc("arg2);

});

answered Jun 9, 2016 at 14:01

Standard

1,5221 gold badge17 silver badges40 bronze badges

Collectives™ on Stack Overflow

Change onClick function arguments dynamically

4 Answers 4

2 Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related