Jquery si la case est cochée Bootstrap commutateur

J'utilise Bootstrap commutateur de plugin pour faire mes cases à cocher ressemble à boutons. J'ai besoin de vérifier si la case est cochée en jQuery. J'ai Googlé un beaucoup et j'ai essayé quelques-uns des conseils et des extraits de code mais sans succès.

Je pense que le plus propre code que j'ai trouvé est

$('#checkbox').attr('checked');

mais il a encore l'habitude de travailler sur mon site web. Je l'ai déclaré à jQuery dans la tête. J'essaie d'utiliser cette extraits sur la non-bootstrap-commutateur-cases, mais toujours sans succès.

JS:

 <script>
    $(function(){
      $(".odeslat").click(function(){
           $('#pozadavky').slideUp(100);
           $('#datumpick').slideDown(300);

       var typpaliva = 'nic';
       var malpg = 'nic';¨

       /***Important condition***/

       if ($('#uho').attr('checked')) {
            $.cookie("typpaliva", "Diesel");
       }
       else {
            $.cookie("typpaliva", "Benzin");
       }


 /**********************************************/


    $.ajax({
   url: 'http://podivej.se/script_cas.php',
   data: {druh: '30'},
   type: "POST",
   success: function(data){
            alert($.cookie('typpaliva')); 
            alert($.cookie('malpg'));   
   }
   });

  });
});
</script>

HTML

<input type="checkbox" name="testcheckbox" id="uho"/>
"il encore l'habitude de travailler sur mon site" Veuillez être plus précis. Ce exactement ne fonctionne pas? Ce qui se passe? Qu'attendez-vous d'arriver? Qu'avez-vous fait pour déboguer le problème?
Comment déclencher l'interrupteur ?

OriginalL'auteur user3690515 | 2014-06-18

  1. 7

    Utilisation :

    if ($('#uho').is(':checked')) {

    au lieu de 

    if ($('#uho').attr('checked')) {
    Cela fonctionne parfaitement mec! Je vous remercie.
    heureux de vous aider 🙂
    Comment pouvez-vous dire lorsque l'utilisateur coche ou décoche?
    vous pouvez enregistrer un .click(function().. ou .change(function().. gestionnaires d'événements et de vérifier ensuite $(this).is(':checked') qui retourne true si la case est cochée et false si cette option est décochée.

    OriginalL'auteur Bhushan Kawadkar

  2. 9

    Démo

    Utilisation .prop() au lieu de .attr().

    • .prop renvoie 'true' ou 'false'. Utiliser cette
    • .is(':checked') renvoie 'true' ou 'false' -:checked est un pseudo slector. Ou ce
    • .attr retourne - 'vérifié' ou 'attribut indéfini". 
    $('#uho').prop('checked')

if($('#uho').prop('checked')){
    $.cookie("typpaliva", "Diesel");
}
else {
    $.cookie("typpaliva", "Benzin");
}

    OriginalL'auteur Shaunak D

  3. 0

    $('#uho').attr('checked') sera de retour indéfini. vous pouvez utiliser $('#uho:checkbox:checked').length de la propriété à vérifier si la case est cochée ou non. Essayez de cet extrait:

     if ($('#uho:checkbox:checked').length > 0) {
        $.cookie("typpaliva", "Diesel");
   }
   else {
        $.cookie("typpaliva", "Benzin");
   }

    OriginalL'auteur Milind Anantwar

  4. 0

    • utiliser ce code sur la page de la charge

      document.getElementById("#uho").checked = true;

    S'il vous plaît dites Pourquoi est-ce nécessaire que lors de la OP a jQuery ?
    C'est la méthode directe. vous pouvez utiliser le java script pour cette fin.

    OriginalL'auteur Sajid Ali Khan

  5. 0

    Utilisation

      if($('#chkBoxID').is(":checked")){ //do stuff }

    OriginalL'auteur Pawan

  6. 0

    Basé sur un commentaire dans l'acceptation de réponse, voici comment j'ai résolu ce problème pour des Termes et Conditions de case à cocher dans le bootstrap:

    HTML

    <div class="checkbox">
   <label>
      <input id="agreeTAC" type="checkbox" value="">
      I have read and agree to the TERMS AND CONDITIONS listed on this page.
   </label>
</div>

    Javascript (avec jQuery)

    $("#agreeTAC").change(function(){
    var agreed = $(this).is(':checked');
    console.log("agreeTAC value changed and is ", agreed);
    if(agreed === true) { 
       //do 'true' stuff, like enabling a 'Continue' button
    }
    else {
       //do 'false' stuff, like disabling a 'Continue' button
    }
})

    OriginalL'auteur CFP Support