Discussion :

[dede92]

Bonjour,

J'ai une structure que j'envoie par "post" et que je souhaite alimenter avec un script jQuery qui scrute les checkbox d'un formulaire.
J'ai malheureusemt des difficultés quant à la syntaxe …

Ma structure HTML

Code HTML :

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

1
2
3
4
5
6
7
8
<FORM name="actionform" id="actionform" method="post">
         <INPUT type="hidden" name="action" id="action">
         <INPUT type="hidden" name="currentDir">
         <INPUT type="hidden" name="file">
         <INPUT type="hidden" name="file2">
         <INPUT type="hidden" name="liste[]" id="liste[]">
         <INPUT type="hidden" name="permissions">
         <INPUT type="hidden" name="sortp" id="sortp"></form>

Le formulaire que j'analyse contient entre autre un tableau de checkbox

Code HTML :

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

<div id=checkboxes style="display:inline-block; width:25px; text-align:left;"><input class="check" type="checkbox" name="sel'.$i_rep.'" value="'.$i_rep.'"></div>

et le bout de code jQuery

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
$("#delete").click(function(){
  	var n = $("input:checked" ).length;
  	if (n) {
  	  var selected = [];
      var i=0;
      $("input[type='checkbox']:checked").each( function() {
//      	alert("boucle");
        if ($(this).is(":checked")) {
      	   selected.push($(this).attr('name'));
           alert("checked "+$(this).attr('name'));
         $("#liste[i]").val($(this).attr('name'));
           i++;
        }   
      });
      $("#action").val("test");
      $("#actionform").submit();
    }
    else
    	alert("Vous devez selectionner un élément !");
	});

si quelqu'un peut me venir en aide ...
Merci d'avance .

[Toufik83]

Salut,

Code :

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

1
2
 
$("#liste["+i+"]")

Puis la boucle each peut se résumer à :

Code :

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

1
2
3
4
5
6
7
 
 $("input[type='checkbox']:checked").each( function(i) {//utiliser l'index (i) de la boucle each sans déclarer une variable i.
          //pas la peine de mettre la condition ici, parce que le sélecteur ne sélectionne que les checkbox cochés (:checked)
      	   selected.push($(this).attr('name'));
           console.log("checked "+$(this).attr('name'));//prend l'habitude de remplacer alert par console.log et regarde la console du navigateur pour voir les messages....
           $("#liste["+i+"]").val($(this).attr('name'));
});

Et je ne comprends pas ce que tu veux faire avec les données du formulaire..., les envoyer au serveur (fichier php ou autres...) ou bien rester seulement côté client ?