jQuery execute a single action (method) for multiple elements

Question

jQuery execute a single action (method) for multiple elements

Navigation

#1 by (3 votes)

3

I have a form where an action can be executed multiple times by different elements, I would like to know if I can put everything in a single call. For example:

$("#campo_01").change(function(){
    $("#frmForm").submit();
});

$("#campo_02").change(function(){
    $("#frmForm").submit();
});

$("#campo_03").change(function(){
    $("#frmForm").submit();
});

Of course, it's not that simple, because the functions are more complex, with a few more lines. The above example is just to understand what I'm looking for.

Is it possible to put everything together, for example:

$("#campo_01 #campo_02 #campo_03").change(function(){
    $("#frmForm").submit();
});

jquery

asked by anonymous 24.11.2015 / 22:20

1 answer

How to calculate Total via JavaScript What is the symbol for direct product?

score 3 · Accepted Answer

You can detach by commas within the selector string like this:

$("#campo_01, #campo_02, #campo_03").change(function(){
    $("#frmForm").submit();
})

or even with the ^= selector, which means id "starting with" :

$('[id^="campo_"]').change(function(){
    $("#frmForm").submit();
})