Jquery привязка события клика к нескольким кнопкам

Ответ 1

вы можете использовать . add()

b1.add(b2).add(b3).click(function(){
})

Демо: Fiddle

или используйте множественный селектор

$('#b1, #b2, #b3').click(function(){
})

Демо: Fiddle

Ответ 2

Я бы настоятельно предложил сделать функцию нажатия кнопки отдельной функцией, а затем привязать к ней каждую кнопку

http://jsfiddle.net/Xqpaq/1/

$(document).ready(function(){ 

     var b1 = $("#btn1");
     var b2 = $("#btn2");
     var b3 = $("#btn3");

    var btnClick = function(e){
        alert("Button: "+e.currentTarget.id);
    }

    b1.on('click', btnClick);
    b2.on('click', btnClick);
    b3.on('click', btnClick);

});

Альтернативой является использование classes вместо ids. Например:

http://jsfiddle.net/Xqpaq/2/

<input type="button" id="btn1" class="btn-click-action" value="submit"/>
<input type="button" id="btn2" class="btn-click-action" value="submit2"/>
<input type="button" id="btn3" class="btn-click-action" value="submit3"/>

Тогда JS:

var btnClassClick = function(e){
    alert("Button clicked from class: "+e.currentTarget.id);
}

$('.btn-click-action').on('click', btnClassClick);

Ответ 3

оберните их в div, а затем укажите div для всех элементов кнопки.

<div id="button-nav">
    <button class="button" type="button">button 1</button>
    <button class="button" type="button">button 2</button>
    <button class="button" type="button">button 3</button>
</div>

js:

$('#button-nav').on('click','button', function (evt) {
   //-- do stuff
});

JS Fiddle из вышеперечисленного

Ответ 4

Предоставление jQuery массива объединит каждый элемент в более крупный объект jQuery, таким образом вы сможете привязать свои события одним выстрелом.

Предположим, что b1 и b2 - элемент DOM, а не объект jQuery.

$([b1, b2]).click(function (evt) { 
     // your code goes here 
});

JSFiddler в http://jsfiddle.net/XF3Vv/1/.

Ответ 5

в вашем случае:

просто выполните следующие действия:

cj('#b1, #b2').click(function(){

        alert('you clicked either button 1 or button 2');

});

типичный пример: сделайте что-нибудь подобное для разных элементов, если вы нажмете на любой из этих элементов, тогда этот щелчок событие будет запущено

cj('#_qf_Contact_upload_view-top, #_qf_Contact_upload_new-top, ,#_qf_Contact_upload_view-bottom, #_qf_Contact_upload_new-bottom').click(function(){
    console.log(cj('#first_name').val());
    if(cj('#first_name').val() == '' || cj('#first_name').val().length == 0)
     {
        alert('First Name is a required field, cannot be empty');
        return false;
    }
});

надеюсь, что это поможет кому-то:)