2014-11-18 1 views
0

Здесь я имею две кнопки с идентификатором frm_submit1 и frm_submit2Как использовать одно событие щелчка для нескольких кнопок ид в JQuery

<button type="button" id="frm_submit1">Click Me 1!</button> 
<button type="button" id="frm_submit2">Click Me 2!</button> 

В JQuery, мне нужно сделать то же OnClick событие для обеих кнопок. Для одной кнопки (frm_submit1) нажмите, я использовал, как показано ниже. Как использовать несколько кнопок?

$(document).on('click', '#frm_submit1', function(event) { 
}); 

Я использовал это, но не работал! Есть идеи?

$("#frm_submit1, #frm_submit2").click(function (e) { 
// do something 
}); 
+0

С селектором '$ ("# frm_submit1, # frm_submit2")', вы достигли цели прикрепления же OnClick обработчик к две кнопки. Так что же все еще не работает? –

+0

Это будет работать. Но я не знаю причины. Я думаю, проблема с моим кодом. Дай мне проверить. Я использую onsenui Framework. Таким образом, все страницы будут храниться в стеке. Так что может быть проблемой –

+0

onsenui довольно загадочный. Вам нужно будет предоставить ссылку и включить тег 'onsen-ui'. –

ответ

5

Просто отделить идентификаторы запятой:

$(document).on('click', '#frm_submit1, #frm_submit2', function(event) { 
}); 

jsFiddle example

+0

Почему его пример не работает? Я использовал его 100 раз –

+4

@NicholasKyriakides - Возможно, они добавлены динамически на страницу. – j08691

+0

его пример работает, если html уже есть – Phil

-3

Попытка использовать элемент кнопки в качестве селектора вместо этого. Это будет работать при нажатии на все кнопки. Лучше всего было бы объявить класс на кнопках, которые вы хотите использовать, а затем вместо этого использовать класс как селектор.

$("button").click(function (e) { 
    // do something 
}); 
+0

Вы говорите серьезно? –

+0

что это? Mr.user2952238 –

+0

Да, почему? Эти кнопки могут быть добавлены в DOM динамически или что угодно. Эта информация не предоставляется. ТАКЖЕ: «Лучше всего было бы объявить класс на кнопках, которые вы хотите использовать, а затем вместо этого использовать класс как селектор». – user2952238

1

Это лучше для этого случая использовать класс:

$(".classForButtons").click(function() { 
     // do something 
    }); 
Смежные вопросы