How To Handling Multiple Events On jQuery

Question

i want to handling multiple events in one event function. i used jquery ".on" function but it doesn't worked for multiple events. on the following code doesn't work:

$("input.action:checkbox").on('click,change',function(){
    alert('bla bla');
});

When clicked or changed any item on this selector i want fire to the same function. but i dont want to in another function handling. as can be seen following example code i dont want:

    $("input.action:checkbox").on('click',function(){
        changePlease(); // in this func will process 
    });

  $("input.action:checkbox").on('change',function(){
      changePlease(); // in this func will process 
    });

have u got any idea?

you shouldn't have to bind click event on a checkbox, only change handler is enough — A. Wolff, Jun 28 '13 at 09:50

score 4 · Answer 1 · edited May 23 '17 at 11:50

4

What you are doing is correct ,but a small syntax issue,Just remove comma between the event names ..

$("input.action:checkbox").on('keyup keypress blur change',function(){
    alert('bla bla');
});

And more possibilities

edited May 23 '17 at 11:50

Community

1
1

answered Jun 28 '13 at 09:49

Suresh Atta

120,458
37
198
307

@Mesuti Thankyou glad to help you.Mark it as answer(green tick) if you found this answer helpful – Suresh Atta Jun 28 '13 at 10:04

score 1 · Answer 2 · answered Jun 28 '13 at 09:52

1

To answer your question, best way is:

$("input[type=checkbox].action").on('click change',changePlease);

Just use the name of function as callback, without '()'. BTW, using input[type=checkbox] improve selector performance.

answered Jun 28 '13 at 09:52

A. Wolff

74,033
9
94
155

like i said in comment, you should just use onchange event, click is useless here for checkbox – A. Wolff Jun 28 '13 at 10:05

How To Handling Multiple Events On jQuery

2 Answers2