récupérer valeurs d'un liste du checkbox

**zerkos** · 09/03/2012, 16h48

Bonjour,

je suis besoin de votre aide

, je veux récupérer les valeurs des checkbox sélectionnées dans un tableau

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
<table id="tableaGroupe">
   <tr>
       <td><input type="checkbox" id="check" value=1 /></td>
   </tr>
   <tr>
       <td><input type="checkbox" id="check" value=2 /></td>
   </tr>
   <tr>
       <td><input type="checkbox" id="check" value=3 /></td>
   </tr>
...
</table>

**kohsaka** · 09/03/2012, 17h10

qu'est ce que tu veux faire de ces valeurs ?

Code :

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

1
2
3
4
 
$("#tableaGroupe :checkbox").each(function(i, item){
   var value = $(item).val();
}

tu peux mettre des guillements à tes attributs value et un id doit etre unique sur ta page, si c'est pour de la mise en forme par css utilise une class

**zerkos** · 09/03/2012, 17h13

Stocker dans un variable et l’envoyé à une autre page

**kohsaka** · 09/03/2012, 17h18

Code :

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

1
2
3
4
5
 
var arr = new Array();
$("#tableaGroupe :checkbox").each(function(i, item){
   arr.push($(item).val());
}

Après, à toi de voir comment tu veux passer cette variable à ton autre page

**SpaceFrog** · 09/03/2012, 17h20

Un id DOIT ETRE UNIQUE !!!!!!!

Code :

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
<script type="text/javascript">
$(function(){
tabval=new Array();
$(":checkbox:checked").each(function(){
   tabval.push( $(this).val() );
})
 
alert(tabval)
   } )
 
</script>
 
</head>
<body>
<table id="tableaGroupe">
   <tr>
       <td><input type="checkbox" id="check1" value=1  checked /></td>
   </tr>
   <tr>
       <td><input type="checkbox" id="check2" value=2 checked /></td>
   </tr>
   <tr>
       <td><input type="checkbox" id="check3" value=3 /></td>
   </tr>
</table>

ou de façon plus élégante:

Code :

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

1
2
3
4
5
$(function(){
tabval=new Array();
tabval = $(":checkbox:checked").map(function(){ return $(this).val()}).get()
alert(tabval)
   } )

**zerkos** · 09/03/2012, 17h37

kohsaka: j'ai testé ton code mais même l’alerte n'a pas été affiché
SpaceFrog: avec ton code l'alerte s'affiche vide

je fait des id unique

je suis débutant en jquery merci de la prendre en considiration

merci

**kohsaka** · 09/03/2012, 17h47

Il manque une parenthèse dans mon code

Code :

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

1
2
3
4
5
6
var arr = new Array();

   $("#tableaGroupe :checkbox").each(function(i, item){
      arr.push($(item).val());
   });

**zerkos** · 09/03/2012, 18h06

merci bcp

ça marché avec ce code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
tabval=new Array();
 
	$("#retourRes").click(function(){
 
 
		 $("#hor-minimalist-b input[type=checkbox]:checked").each(function () {
 
			 tabval.push( $(this).val() );
 
		});
 
		alert(tabval);
	});

**SpaceFrog** · 11/03/2012, 10h40

je fait des id unique

Heu dans le code donné tu as trois fois id="check"Ou faut que je reprenne rendez vous chez l'ophtalmo ????

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<table id="tableaGroupe">
   <tr>
       <td><input type="checkbox" id="check" value=1 /></td>
   </tr>
   <tr>
       <td><input type="checkbox" id="check" value=2 /></td>
   </tr>
   <tr>
       <td><input type="checkbox" id="check" value=3 /></td>
   </tr>
...
</table>

récupérer valeurs d'un liste du checkbox

jQuery

Discussions similaires

Partager

Partager