Récupérer les ID des cases cochées dans un tableau

**rom1dvp** · 08/10/2010, 19h09

Bonsoir,

Me voilà encore dans une impasse d'ignorance...
Je souhaite parcourir un tableau HTML et récupérer des éléments sélectionnés dans le but de les transmette ensuite en php.

Un peu de concret pour comprendre :

Un tableau :
élément 1 | [ ] (<= checkbox)
élément 2 | [ ]
élément 3 | [ ]

[Cliquez ici pour supprimer les éléments cochés] (<= bouton)

Soit, en HTML :

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
 
<html>
   <body>
      <form method="post">
         <table>
            <tr>
               <td>Element 1</td>
               <td><input type="checkbox" name="delete" id="1"></td>
            </tr>
            <tr>
               <td>Element 2</td>
               <td><input type="checkbox" name="delete" id="2"></td>
            </tr>
            <tr>
               <td>Element 3</td>
               <td><input type="checkbox" name="delete" id="3"></td>
            </tr>
         </table>
         <input type="submit" value ="Cliquez ici pour supprimer les éléments cochés" id="validation">
       </form>
     </body>
</html>

Problématique :

En Jquery, au clic sur le submit, récupérer les id cochés, tout mettre dans une chaîne que je puisse enfin transmettre cela au PHP afin de l’interpréter.

Je souhaite récupérer un chaine de type : "1;3..."

Où j'en suis... pas loin... j'ai le concept... pas la technique :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
<!--
	$(function() {
		$("#validation").button().click(function(){
 
                // HELP ! 	
 
                });
	});
//-->
</script>

D'avance je vous remercie.

**hotline** · 08/10/2010, 20h20

Bonjour,

Quelque chose comme ça par exemple ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
$(document).ready(function(){
    $("#validation").click(function() {
      var txt = '';
      $(":[checked]").each(function() {
            txt = txt + $(this).attr('id') + ';'
          }
      );
      alert(txt);
      return false;
    });
 });

**danielhagnoul** · 08/10/2010, 23h20

Bonsoir

Attention :

@rom1dvp : Un id doit être unique et il doit commencer par une lettre
@hotline : $(":checked") récupère tous les éléments du DOM qui sont ":checked" dans la page web

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
<form method="post">
   <table>
	  <tr>
		 <td>Element 1</td>
		 <td><input id="checkbox1" name="delete" type="checkbox"></td>
	  </tr>
	  <tr>
		 <td>Element 2</td>
		 <td><input id="checkbox2" name="delete" type="checkbox"></td>
	  </tr>
	  <tr>
		 <td>Element 3</td>
		 <td><input id="checkbox3" name="delete" type="checkbox"></td>
	  </tr>
   </table>
   <input id="validation" type="submit" value ="Cliquez ici pour supprimer les éléments cochés">
 </form>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$("#validation").click(function(){
	var txt = "";
 
	$(this).parents("form").children("table").find("input:checked").each(function(i, item){
		txt += item.id.slice(8) + ';'
	});
 
	alert(txt);
 
	return false; // true pour transmettre le form
});

**rom1dvp** · 10/10/2010, 16h29

Merci beaucoup pour vos réponses...

Les deux m'ont été utiles.
A bientôt.

Récupérer les ID des cases cochées dans un tableau

jQuery

Discussions similaires

Partager

Partager