Lier plusieurs éléments à plusieurs actions respectives [Résolu]

[estmars]

Bonjour,

j'ai un peu de mal à exprimer ce que je veux, mais c'est simple à comprendre à travers du code.

J'ai 4 champs input, et j'aimerais qu'à l'évènement change de n'importe lequel d'entre eux, il s'exécute la même action. Mais comment faire le lien?

ci dessous, l'expression de ce que je voudrais faire, mais je ne sais pas comment le faire en jquery ;

Code :

$('input#field1', 'input#field2', 'input#field3', 'input#field4').change(function() { ... })

Merci !

edit : j'aurais voulu m'éviter d'écrire ça en fait :

Code :

1
2
3
4
5
6
7
function maFonction() { ... }
 
 
		$('input#field1').change(function() { maFonction();});
		$('input#field12').change(function() { maFonction();});
		$('input#field13').change(function() { maFonction();});
		$('input#field14').change(function() { maFonction();});

[Bovino]

T'étais pas loin

Code :

$('input#field1, input#field2, input#field3, input#field4').change(function() { ... });

et puisqu'un id doit être unique dans la page, il me semble que tu gagneras en performances avec

Code :

$('#field1, #field2, #field3, #field4').change(function() { ... });

qui t'éviteras d'avoir à résoudre la partie $('input') avant de rechercher l'id

[micetf]

Bonsoir,

Aussi bien, un simple :

Code :

$('input').change(function() { maFonction();});

suffirait,

mais l'utilisation d'un attribut class="inputquichange" sur les input concernés ne serait-il pas plus judicieux avec :

Code :

$('.inputquichange').change(function() { maFonction();});

Ce qui permettrait dans le futur de rajouter n'importe où un input ayant ce comportement uniquement en lui attribuant ce class="inputquichange" et sans avoir à tripatouiller le js.

[Bovino]

Code :

$('input').change(function() { maFonction();});

Oui et non : ça suppose que tous les input de la page devront avoir ce comportement.

Code :

$('.inputquichange').change(function() { maFonction();});

Là oui, entièrement d'accord
Et effectivement, ça permettra de faciliter d'éventuelles mises à jour (ça perdra un peu en performances il me semble, mais l'intérêt apporté par la maintenance le justifie amplement).

[estmars]

Merci beaucoup pour vos réponses , c'est vrai j'aurais pu passer par une classe commune aux 4 input, mais je voulais surtout les précisions syntaxiques de bovino qui me seront utiles plus tard aussi.

Bonne journée !

[estmars]

Je vous embête encore un tout petit peu désolé.

J'ai plusieurs input comme dit précédemment, mais j'ai aussi 2 select, et sur les select, l'évènement "change" ne marchant pas, j'ai besoin de focusout ;

du coup, comment lier le tout à une fonction ?

Pour plus de clarté, je cherche la syntaxe afin de lier le change des input au focusout des select ;

de ces deux lignes de codes, je voudrais n'en faire qu'une

Code :

1
2
3
4
 
$('input#field1, input#field2, input#field3, input#field4').change(function() { maFonction();});
 
$('#select1, #select2').focusout(function() { maFonction();});

Merci !

edit : pardon, le focusout je ne l'applique pas sur les select, mais sur le div qui les englobe.

[Bovino]

et sur les select, l'évènement "change" ne marchant pas

C'est nouveau ça...

[estmars]

MEA CULPA