Evenement click avec un checkbox

**didio** · 12/07/2017, 10h14

Bonjour,

J'utilise un tableau ( réalisé à l'aide de bootstrap ) qui permet de faire une mise à jour de ma BDD Mysql (directement via l'Ajax), il y a dans mon tableau une colonne composé de checkboxe. Ces checkboxes représentent des booléens stockés dans ma BDD.

J'aimerai donc envoyer la valeur du checkboxe à chaque fois que je coche ou décoche ( pour plus tard evnoyer cette valeur sur le serveur via l'Ajax).

Bien que j'arrive à déterminer l'état initial du checkboxe je n'arrive pas à déclencher l'événement lorsque j'agis sur le checkboxe.

Voici la partie html :

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
<?php
        if($row['applicabilite'] == true)
        {
          ?><td><input type="checkbox" checked id="applicabilite" name="super" data-type="number" data-pk="<?php echo $row['id_activite'] ?>" data-url="./calcul_charge/rfq.php"</></td>
          <?php
        }
        else
        {
          ?><td><input type="checkbox" id="applicable" name="super" data-type="number" data-pk="<?php echo $row['id_activite'] ?>" data-url="./calcul_charge/rfq.php"</></td>
          <?php
        }?

et voici le Js :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$('input[type=checkbox]').click(function(){
  if($(this).is(':checked'))
  {
    alert("jQuery c'est super");
  }
  else
  {
    alert("jQuery c'est autre chose");
  }
 
});

Il ne se passe rien

comment faire ?

Merci

**Toufik83** · 12/07/2017, 13h55

ton input "checkbox" est construit dynamiquement via php, il faut donc revenir au parent statique de cet élément. voir $.delegate
ce qui implique que la fonction qui déclenche le clique doit être ainsi : (body dans l'exemple n'est pas obligatoire, tu peux choisir un autre parent statique de tes checkbox)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
$("body").on('click','input[type=checkbox]',function(){
  if($(this).is(':checked'))
  {
    alert("jQuery c'est super");
  }
  else
  {
    alert("jQuery c'est autre chose");
  }
 
});