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

Version imprimable

Bonsoir, :D

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:

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:

1 2 3 4 5 6 7 8 9 10 11 <script type="text/javascript">  </script>
D'avance je vous remercie.

Bonjour,

Quelque chose comme ça par exemple ?

Code:

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

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:

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:

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

10/10/2010, 16h29
rom1dvp

Merci beaucoup pour vos réponses...

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