Discussion :

[elgeek]

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

[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 ?

[elgeek]

Merci pour la réponse...

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="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 ?

[Bovino]

Oui, c'est la meilleure approche.

[elgeek]

Merci

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

Sélectionner tout - Visualiser dans une fenêtre à part

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 !!');
}
});

[Bovino]

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

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

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