如何在multipleTextBox中触发相同的事件

时间:2014-07-03 03:48:12

标签: jquery

我有4个文本框,我想同时触发所有

 var e = jQuery.Event("keyup");
  e.keyCode = $.ui.keyCode.ENTER;
                        $("#txtBox1").trigger(e);                      
                        $("#txtBox2").trigger(e);                     
                        $("#txtBox3").trigger(e);                     
                        $("#txtBox4").trigger(e);

唯一有效的是txtBox1,如何触发所有这些事件?

谢谢,祝你有愉快的一天

2 个答案:

答案 0 :(得分:2)

尝试使用Multiple Selector (“selector1, selector2, selectorN”)

<强> Live Demo

$("#txtBox1, #txtBox2, #txtBox3, #txtBox14").trigger(e);       

如果您有多个具有共同模式的ID,则可以使用属性选择器。

$('[id^=txtBox]').trigger(e);  

类选择器在这种情况下非常有用。您可以分配一个公共类,并使用Class Selector (“.class”)绑定并触发事件。

$('.common-class').trigger(e);  

答案 1 :(得分:0)

有几种方法可以做到这一点,但最简单的,因为你使用的是jQuery,只需将它们全部放入同一个选择器中:

$("#txtBox1, #txtBox2, #txtBox3, #txtBox4").trigger(e);

这是一个工作小提琴:http://jsfiddle.net/aNnGv/