如何在jquery中为单个按钮id使用单击事件

时间:2014-11-18 15:09:41

标签: javascript jquery html

此处我有两个ID为frm_submit1frm_submit2

的按钮
<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  
});

3 个答案:

答案 0 :(得分:6)

只需用逗号分隔ID:

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

<强> jsFiddle example

答案 1 :(得分:1)

这种情况最好使用class:

$(".classForButtons").click(function () {  
        // do something  
   });

答案 2 :(得分:-3)

尝试使用button元素作为选择器。这将在点击所有按钮时运行。最好的方法是在要使用它的按钮上声明一个类,然后使用该类作为选择器。

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