Réucpérer la valeur de checkbox

Résolu
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

  1. Modérateur
    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" />
    

    1. Merci jordane45 :)
      j'ajoute class="check" à mon Input checkbox mais rien est changé
    2. bonjour,

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

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


      cordialement,
    3. 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,

  2. <!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>