Discussion :

[didio]

Bonjour,

J'affiche actuellement un tableau contenant des informations provenant d'une base de données (MySql), une des colonnes du tableau contient des checkboxs. Ces checkboxs représentent le type booléen dans la table de ma base de données. Via l'ajax je suis capable de mettre à jour le booléen selon l'état du checkbox.

Je ne peux pas savoir à l'avance le nombre de ligne dans ma table et donc le nombre de checkbox mais à l'aide d'une requête SQL j'arrive a récupérer ce nombre.

Dans mon fichier javascrip j'ai donc le nombre de ligne mais je n'arrive pas à trouver un moyen de créer une méthode pour chaque checkbox :

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
26
27
28
29
30
31
32
33
34
 
var i;
var ligne = $('#enregistrement_rfq').val();// nombre de ligne du tableau
 ligne = parseInt(ligne);// conversion string en int
 
for(i=1;i<ligne+1;i++) 
{
  //console.log(i);
  var ligne_string = i.toString();
  var rfq = "activite_rfq"+ligne_string;
  //console.log(rfq);
 
$('input[name='+rfq+']').change(function(){
  {
    var applicable = this.checked;
    console.log(i);  
/*
    $.ajax({
      type : 'POST',
      url  : './calcul_charge/rfq_charge_template.php',
      data : {applicabilite: applicable, activite_rfq : i},
      dataType : 'json',
      success : function(data)
      {        
      //console.log(data);
      },
          error: function(){alert('Error!')}      
      }); */
 
  }
 
});
 
}

Bien évidemment je ne récupère que le résultat de la dernière itération.

Comment faire pour récupérer la valeur du checkbox que je coche ou décoche ( si je décoche le checkbox de la 5iem ligne j'aimerais par exemple afficher sa valeur mais aussi le nombre 5) pour ensuite utiliser l'ajax.

Merci

[Toufik83]

pas la peine de mettre la fonction change dans une boucle for, vu que ton tableau html est construit en php (si t'utilise le php), la fonction doit être initialiser comme suite :

Code :

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

1
2
3
4
5
6
7
$('body').on("change","input[type=checkbox]"
,function(){
  if($(this).is(':checked')){
    console.log("oui checked");
  }else{console.log('non checked');
    }
});

j'ai mis 'body' juste comme exemple, tu peux mettre un autre parent statique de ton tableau au lieu de body.