Access click event of two buttons using jquery

Question

I have 2 html button named Button1 and Button2.

The two button performs same operation using jquery.

now i wrote the same jquery in click event of both buttons.thats shown below

 $('#Button1').click(function () {
 xyz //some jquery
  })



 $('#Button2').click(function () {
 xyz //some jquery
  })

The both jquery are same. Can i catch the click event of both button in single function?

Possible duplicate of http://stackoverflow.com/questions/3810731/same-function-for-two-buttons-in-jquery — santosh singh, Mar 14 '11 at 11:09

Frédéric Hamidi · Accepted Answer · 2011-03-14T11:12:15.573

22

You can use a multiple selector:

$('#Button1, #Button2').click(function() {
    // You can use `this` to refer to the source element, for instance:
    $(this).css("color", "red");
});

edited Mar 14 '11 at 11:12

answered Mar 14 '11 at 11:04

Frédéric Hamidi

258,201
41
486
479

@fedric. Just want to clarify some dobt.If i did so, is there any way to understand which button causes the event???? – Null Pointer Mar 14 '11 at 11:09
1

@Null Pointer, yes, you can use `this` in the event handler to refer to the source element. – Frédéric Hamidi Mar 14 '11 at 11:10

Andrew · Answer 2 · 2011-03-14T11:15:00.280

2

I would use a class on the buttons:

$('.className').click(function() {
    var item = $(this); // item that triggered the event

});

edited Mar 14 '11 at 11:15

answered Mar 14 '11 at 11:05

Andrew

9,967
10
64
103

score 2 · Answer 3 · answered Mar 14 '11 at 11:06

2

Declare a function and use it as a parameter. For example:

function handleClick() {
    // Do something..
}

$('#Button1').click(handleClick);
$('#Button2').click(handleClick);

Hope this helped.

answered Mar 14 '11 at 11:06

Kevin

5,626
3
28
41

Access click event of two buttons using jquery

3 Answers3