Réucpérer la valeur de checkbox

Résolu
kimyoo Messages postés 43 Statut Membre -  
kimyoo Messages postés 43 Statut Membre -
Bonjour,

Je suis en train de réaliser un formulaire tout bête en php, le problème est que dans mon formulaire j'ai une case de type "checkbox" et je suis entrain de récupérer sa valeur dans ma base mais ça ne marche pas toujours j'ai récupéré 0
ceux-ci mon code:
  <div class="control-group ">  
         <label class="control-label">Active</label> 
           <div class="controls check">   
             <input type="checkbox"   checked data-toggle="switch" data-on="1" data-off="0" />
            </div>
   </div>
<script type="text/javascript">
     $(function(){
          $('.check').change(function(){

              var etat=$(this).prop('checked') ? '1' : '0';

               $('.act').val(etat);
                                              

          });
  });

</script>
<input type="hidden" class="act" name="active">

Si j'ai oublié de préciser quelque chose faites le moi savoir.

En vous remerciant d'avance !

EDIT : Ajout du langage dans les balises de code !

2 réponses

jordane45 Messages postés 40050 Statut Modérateur 4 754
 
Bonjour,

Tu pointes sur une CLASS "check"
  $('.check')

Et non sur ton Input Checkbox ... c'est pour ça que ton code ne se lance jamais.

En gardant le même code... il te suffit d'ajouter une "class" à ta checkbox
  <input type="checkbox"  class="check"  checked data-toggle="switch" data-on="1" data-off="0" />

0
kimyoo Messages postés 43 Statut Membre
 
Merci jordane45 :)
j'ajoute class="check" à mon Input checkbox mais rien est changé
0
jambondardennes Messages postés 492 Statut Membre 39
 
bonjour,

il me semble qu'il manque l'id de votre input.

<input type="checkbox" id="NOM_SOUHAITE"


cordialement,
0
kimyoo Messages postés 43 Statut Membre
 
j'ajoute <input type="checkbox" id="check">
et j'ai changé $('#check') et je récupère encore la valeur 0 en cochant mon checkbox
j'ai pas compris ou l'erreur exactement


cordialement,
0
codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
 

<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title></title>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function(){
$("#maCheckBox").change( function(){
if( checkboxCocher("#maCheckBox") )
{
alert("checkbox coché");
}else{
alert("checkbox décoché");
}
});
});

var checkboxCocher = function(id){
var etatCheckBox = $(id+":checked").val();
if( etatCheckBox == 'on')
{ return true;}
else
{ return false;}
}
</script>
</head>
<body>
<input type="checkbox" name="champ1" id="maCheckBox"/>
</body>
</html>
0
kimyoo Messages postés 43 Statut Membre
 
Merci codeurh24
mon problème est résolu juste en ajoutant cette ligne
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
0