如何为多个按钮使用单击事件处理程序

时间:2012-08-16 10:54:43

标签: jquery

我有4个不同身份证的按钮。当我点击它们时,我需要执行一个功能。所以我需要这样的东西:

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

4 个答案:

答案 0 :(得分:14)

要一次选择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 */
    } 
});

答案 1 :(得分:7)

最简单的方法是为所有按钮添加一个类,如下所示:

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

答案 2 :(得分:2)

使用逗号:

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

答案 3 :(得分:0)

用逗号分隔每个id

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