Bonjour à tous,

Je débutes en Jquery et j'ai besoin d'une aide pour une fonction simple..

J'ai une table avec des checkbox.

Je voudrais qu'à chaque coche le message "coché" s'affiche et à chaque décoche le message décoché "s'affiche"

Voici mon code :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<table width="10%" border="0" cellpadding="10">
  <tr>
    <td>Groupes</td>
    <td>Selectionner</td>
  </tr>  
	<tr>
    <td>Informatique</td>
    <td><input id="test" name="selectionner" type="checkbox" value=1 /> </td>
  	</tr>
	<tr>
    <td>Social</td>
    <td><input id="test" name="selectionner" type="checkbox" value=2 /> </td>
  	</tr>
	<tr>
    <td>Chauffeur</td>
    <td><input id="test" name="selectionner" type="checkbox" value=3 /> </td>
  	</tr>
 
	<tr>
    <td>Test</td>
    <td><input id="test" name="selectionner" type="checkbox" value=4 /> </td>
  	</tr>
</table>

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
$('#test').change(function() {
	// Test si coché ou non et traitement
if($('#test').is(':checked'))
{
	alert('coché !!');
}
else
{
	alert('Non coché !!');
}
});
Mon code fonctionne uniquement sur la première ligne de ma table et je n'arrives pas à résoudre le soucis

Merci pour votre aide