Automatic call of on-click function in jquery

Question

I am looking to call a onclick function forcefully.

$('.checkbox-selector').click(function() {

});

$('.checkbox-selector1').click(function() {

});

When a control goes to the first function, the second function should be called automatically i.e. onlick event is triggered.

Just as an aside, you can block your code with four spaces, as opposed to back ticks, for syntax highlighting. — Daedalus
– Daedalus, Commented Aug 3, 2012 at 9:30

Tim S. · Accepted Answer · 2012-08-03 12:10:28Z

3

function func1(e) {
    // do stuff for selector

    // run func2 too!
    func2();
}

function func2(e) {
    // do stuff for selector1
}

$('.checkbox-selector').click(func1);
$('.checkbox-selector1').click(func2);

Is this what you mean?

If so, make sure to look at the comments! They contain quite valuable information considering events and such.

You can replace func2(); with $('.checkbox-selector1').trigger('click'); to trigger the native event handler too! Using $('.checkbox-selector1').triggerHandler('click'); is practically the same as func2();, whichever you prefer.

edited Aug 3, 2012 at 12:10

answered Aug 3, 2012 at 9:31

Tim S.

13.9k9 gold badges50 silver badges73 bronze badges

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

7 Comments

Esailija Over a year ago

This is much better solution seeing as .trigger("click") will call the native .click() method on the element which could have other side effects. See what I mean here: jsfiddle.net/8Kfmd/1 . In chrome the second checkbox gets checked as a result of what I just explaind.

René Over a year ago

@Esailija, It's not a (negative) side effect if you ask me. It entirely depends on the project but if you want to mimic a user click having a checkbox actually checked is 100% correct imo.(that aside, writing clean functions for this is often nicer)

Esailija Over a year ago

Well the op didn't mention anything about needing to check the checkbox, just calling another function where .trigger is inappropriate.

René Over a year ago

I have to admit, I miss read that part at first. But without knowing the full context of the code trigger can still be a good option.(+1 on this answer from me too because of how it often should be coded)

Felix Kling Over a year ago

@Esailija: If you only wanted to call event handers bound by jQuery, you could use .triggerHandler: api.jquery.com/triggerHandler.

|

René · Accepted Answer · 2012-08-03 09:30:37Z

1

Take a look at the jQuery trigger function

answered Aug 3, 2012 at 9:30

René

6,2064 gold badges26 silver badges41 bronze badges

Comments

Elias Van Ootegem · Accepted Answer · 2012-08-03 09:37:29Z

0

Not sure what it is exactly you're looking for, but I'd guess:

$('.checkbox-selector').click(function() {
    /* all sorts of stuff*/
    $('.checkbox-selector1').click();
    //or:
    $('.checkbox-selector1').trigger('click');
});

$('.checkbox-selector1').click(function() {

});

Something like that?

answered Aug 3, 2012 at 9:37

Elias Van Ootegem

76.7k10 gold badges123 silver badges160 bronze badges

Collectives™ on Stack Overflow

Automatic call of on-click function in jquery

3 Answers 3

7 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related