Use Js to change a buttons onclick value

Question

I have a button

<button id="buttonOne" onclick="pressOne()">Press</button>

i was wondering if it was possible using javascript to change the

onclick="pressOne()"

to

onclick="pressTwo()"

so the button would be

<button id="buttonOne" onclick="pressTwo()">Press</button>

Thanks!

It would be better to contain the condition which determines which logic to run within a single function. What governs which function should be executed on click? — Rory McCrossan, May 07 '15 at 08:50
hmmm yeah its possible.... http://stackoverflow.com/questions/13229208/javascript-add-onclick-event-programmatically — yahya el fakir, May 07 '15 at 08:50

score 1 · Accepted Answer · answered May 07 '15 at 08:51

1

You can change it using this:

$("#buttonOne").attr("onclick","pressTwo()");

For example:

function pressOne() {
    $("#buttonOne").attr("onclick","pressTwo()");
}

answered May 07 '15 at 08:51

Mario Araque

4,562
3
15
25

score 0 · Answer 2 · answered May 07 '15 at 08:52

0

Write this:

$("#buttonOne").attr("onclick","pressTwo()");

FIDDLE - Inspect element to see.

answered May 07 '15 at 08:52

Brijesh Bhatt

3,810
3
18
34

jmgross · Answer 3 · 2015-05-07T09:16:02.810

You can do that like this :

document.getElementById("buttonOne").setAttribute("onclick","pressTwo()");

jsFiddle

But it would be better to add an other function which handle clicks :

<button id="buttonOne" onclick="onPress()">Press</button>

With the following javascript :

var pressOne = function() {
  ...
}

var pressTwo = function() {
  ...
}

function onPress() {
  if(..) {
    pressOne();
  } else {
    pressTwo();
  }
}

jsFiddle

Use Js to change a buttons onclick value

3 Answers3