Javascript - Change button onclick to an existing function

Question

I have a button:

<button onclick = "doDisactivate(5);" id = "status_button_5" value = "Disactivate" />

where 5 is a dynamically added ID. I have two javascript functions, doDisactivate(ID) and doActivate(5).

function doDisactivate(serviceID) {
    // logic that changes the button onclick to doActivate(serviceID)
}

function doActivate(serviceID) {
    // logic that changes the button onclick to doActivate(serviceID)
}

I'm guessing I can do the following with jquery:

${"#status_button_" + serviceID}.click(function() {
    doActivate(serviceID);
});

But is there a way to directly assign the function while passing the ID as a parameter?

rdiazv · Accepted Answer · 2012-12-05 14:21:39Z

2

As you aren't using jquery event bindings, you could use $("#status_button_5").attr("onclick", "doActivate(5);") to directly change the onclick attribute.

answered Dec 5, 2012 at 14:21

rdiazv

1,1637 silver badges7 bronze badges

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

2 Comments

Sotirios Delimanolis Over a year ago

Are event bindings better? What do they add?

rdiazv Over a year ago

It's just easier to work with. For example, you could do something like

var activated = false; $("#status_button_5").on("click", function(){ if(activated){doDisactivate(5);} else {doActivate(5);} activated = !activated; })

.

Waqleh · Accepted Answer · 2012-12-05 14:22:19Z

1

do something like this

${"#status_button_" + serviceID}.click(function(event) {
    doActivate(event.target.id);
});

or

onClick="doDisactivate(this.id)"

answered Dec 5, 2012 at 14:22

Waqleh

10.2k9 gold badges69 silver badges104 bronze badges

2 Comments

Sotirios Delimanolis Over a year ago

This works, but I want the function directly, not through another anonymous function.

shuaqiu Over a year ago

you can add the event parameter to you doActivate function, and within the function, call event.target.id.

Collectives™ on Stack Overflow

Javascript - Change button onclick to an existing function

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related