Associer plusieurs contrôles à un seul événement jQuery

Publié le 17 septembre 2009 par Dave Lizotte

Dans l'exemple ci-dessous, nous allons voir comment il est possible d'associer plusieurs contrôles à un seul événement jQuery sans pour autant déclarer l'association plus d'une fois. L'exemple ci-dessous associe donc 1 événement à 3 boutons grâce à un tableau (Array) de contrôle et une simple boucle.
{codecitation class="brush: xhtml; gutter: true;" width="660px"}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery</title>
</head>
<body>
<input id="btn1" type="button" value="Bouton A" />
<input id="btn2" type="button" value="Bouton B" />
<input id="btn3" type="button" value="Bouton C" />
<input id="btn4" type="button" value="Bouton D" />
<input id="btn5" type="button" value="Bouton E" />
<input id="btn6" type="button" value="Bouton F" />
</body>
</html>
{/codecitation}