Evènement sur checkbox

Version imprimable

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:

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:

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 :cfou:

Merci pour votre aide

09/01/2013, 11h22
Bovino

Répété un nombre incalculable de fois : un id doit être unique dans la page !

Ca te viendrait à l'idée toi de donner le même prénom à tous tes enfants ? :roll:

Merci pour la réponse...

Code:

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="test1" name="selectionner" type="checkbox" value=1 /> </td>
  	</tr>
	<tr>
    <td>Social</td>
    <td><input id="test2" name="selectionner" type="checkbox" value=2 /> </td>
  	</tr>
	<tr>
    <td>Chauffeur</td>
    <td><input id="test3" name="selectionner" type="checkbox" value=3 /> </td>
  	</tr>
 
	<tr>
    <td>Test</td>
    <td><input id="test4" name="selectionner" type="checkbox" value=4 /> </td>
  	</tr>
</table>

Mais comment faire mon script pour savoir si je suis sur test1 2 3 ou 4 ? $('#test???').change(function() ?

Est il possible de résonner en class plutôt que ID ?

09/01/2013, 11h30
Bovino

Oui, c'est la meilleure approche.

Merci :P

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<table width="10%" border="0" cellpadding="10">
  <tr>
    <td>Groupes</td>
    <td>Selectionner</td>
  </tr>
 
	<tr>
    <td>Informatique</td>
    <td><input  class="test" name="selectionner" type="checkbox" value=1 /> </td>
  	</tr>
 
	<tr>
    <td>Social</td>
    <td><input  class="test" name="selectionner" type="checkbox" value=2 /> </td>
  	</tr>
 
	<tr>
    <td>Chauffeur</td>
    <td><input  class="test" name="selectionner" type="checkbox" value=3 /> </td>
  	</tr>
 
	<tr>
    <td>Test</td>
    <td><input  class="test" name="selectionner" type="checkbox" value=4 /> </td>
  	</tr>
 
</table>

Cette fois ça marche bien ;)

Par contre maintenant je souhaite afficher la valeur de chaque checkbox...et la ça me retourne à chaque fois 1 :?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$('.test').change(function() {
	// Test si coché ou non et traitement
if($('.test').is(':checked'))
{
		var valeur=$('.test').val();
		alert(valeur);	
	    /*$('#loaddiv').load('content/recherche.php?MonIdGroupes=blabla');
        return false;*/
}
else
{
	alert('Non cochée !!');
}
});

09/01/2013, 11h41
Bovino

Il faudrait peut-être penser à regarder la doc de jQuery... c'est pourtant clairement expliqué !
:fleche: .val()

Citation:

Get the current value of the first element in the set of matched elements.

Ensuite, tu peux t'intéresser à $(this).