Bezdepbonusu7Программирование: статьи и ответы
Меню

Вопрос

Как использовать обработчик событий одного клика для нескольких кнопок

Автор вопроса: user1564141Ответов: 4

У меня есть 4 кнопки с разными идентификаторами. Когда я нажимаю на них, мне нужно выполнить одну функцию. Итак, мне нужно что-то вроде этого:

$('#button #button').click(function()

jquery

Ответы

Ответ 1 · рейтинг 15 · P. R. Ribeiro

Чтобы выбрать 4 кнопки сразу, вы пишете следующее:

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

Если вам нужно определить, какая кнопка была нажата, напишите что-то вроде:

$('#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 */
    }
});

Ответ 2 · рейтинг 8 · ech

Проще всего было бы добавить класс ко всем вашим кнопкам следующим образом:

$('.button_action').click(function()

Ответ 3 · рейтинг 2 · Denys Séguret

Используйте запятую:

$('#button1, #button2').click(function()...

Ответ 4 · João Silva

Разделите каждый id запятой:

$('#button1, #button2, #button3, #button4').click(...)

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы