Envoi valeur d'un checkbox

Version imprimable

bonjour à tous,

étant débutant , je rencontre un petit problème , j'ai un input checkbox , et je souhaiterais envoyé la valeur en ajax au click du chexkbox .

mais rien ne se passe ...

pourriez vous m'éclairer .

merci pour votre aide

voila le formulaire et le script :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div id="selection">
 <script type="text/javascript">
     $(document).ready(function() {
        $('input[class="selection"]').on('click', function() {
        $.post('valid_selection.php', {
            'selection' : $('input[name="selection"]').val(),
            'Id_users_cardo': $('input[name="Id_users_cardo"]').val()
        }, function(response) { // onSuccess
            console.log(response);
        }, 'json');
    });
});
         </script>
<input type="checkbox" class="selection" name="selection" id="selection" value="0" onclick="if (this.checked) this.value=483; else this.value=0;"/>
<input type="hidden" name="Id_users_cardo" value="1">
 
</div>

et le fichier qui doit enregistrer dans la base :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?php
include ('connect.php');
 
 
$Id_bien = $_POST["selection"];
$Id_bien     = addslashes( $Id_bien ) ;
 
$Id_Users_cardo = $_POST["Id_Users_cardo"];
$Id_Users_cardo     = addslashes( $Id_Users_cardo ) ;
 
$date = date('Y-m-d');
 
 
$pdo->exec("INSERT INTO selection_bien(Id_bien, Id_Users_cardo, date) VALUES 
                                                                ('$Id_bien','$Id_Users_cardo',$date')");
                                                                
                                                                
 
 
?>

bon j'ai réussis , je met le code au cas ou ......

Code:

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
35
36
37
38
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("#selection").click(function(){
                        
  var selection = document.getElementById("selection").value;
  var Id_Users_cardo = document.getElementById("Id_Users_cardo").value;
  
  $.ajax({
    type: 'post',
    url: 'valid_selection.php',
    data: {
      selection:selection,
      Id_Users_cardo:Id_Users_cardo
    },
    success: function (response) {
      $('#res').html("Vos données seront sauvegardées");
    }
  });
    
  
 
        });
});
    </script>
  </head>
  <body>  
 
     <label>Selection</label>
     <input type="checkbox" name="selection" id="selection" value="0" onclick="if (this.checked) this.value=484; else this.value=0;"><br>
     <input type="hidden" name="Id_Users_cardo" id="Id_Users_cardo" value="1">
 
 
  <div id="res" ></div>
  </body>
</html>

06/05/2020, 17h30
NoSmoking
Bonjour,
si je peux me permettre, visiblement oui, ton code manque cruellement de cohérence !
Code:

1 2 3 $("#selection").click(function(){ var selection = document.getElementById("selection").value; var Id_Users_cardo = document.getElementById("Id_Users_cardo").value;
et que dire du « code inline » onclick="if (this.checked) this.value=484; else this.value=0;" !!

:(