Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to use one click event handler for multiple buttons

Tags:

jquery

I have 4 buttons with different id's. When i click on them i need to perform one function. So i need something like this:

$('#button #button').click(function()
like image 783
user1564141 Avatar asked Nov 29 '22 02:11

user1564141


2 Answers

To select the 4 buttons at once you write the following:

$('#button1, #button2, #button3, #button4').click(function(event){ /* code here */ });

If you need to identify which button was pressed, write something like:

$('#button1, #button2, #button3, #button4').click(function(event){ 
    if($(event.target).attr('id')=='button1'){
        /* specific code for button1 */
    } else if($(event.target).attr('id')=='button2'){
        /* specific code for button2 */
    } else if($(event.target).attr('id')=='button3'){
        /* specific code for button3 */
    } else if($(event.target).attr('id')=='button4'){
        /* specific code for button4 */
    } 
});
like image 193
P. R. Ribeiro Avatar answered Dec 11 '22 09:12

P. R. Ribeiro


Easiest would be to add a class to all your buttons like so:

$('.button_action').click(function()
like image 20
ech Avatar answered Dec 11 '22 10:12

ech