question Basculer cliquez avec case

Question

S'il vous plaît trouver le code ci-dessous

$("#chkCopy").toggle(function() { 
    copyDetails(); 
}, 
function() { 
    emptyCopyDetails(); 
}); 

// functions which do not have any effect on the checkbox 
function copyDetails() { 

} 

function emptyCopyDetails() { 
} 

Le problème est que la case ne montre pas l'état vérifié.

Demo

Merci à l'avance

Answer 1

Le .toggle() interrompt le contrôle, depuis .toggle() fait calls e.preventDefault() on the click event underneath. Au lieu de cette approche, je recommande quelque chose comme ceci:

$("#chkCopy").change(function() { 
    if(this.checked) { 
    copyDetails(); 
    } else { 
    emptyCopyDetails(); 
    } 
}); 

Here's an updated/working version of your demo with the above approach.

Answer 2

un coup d'oeil à cette réponse vous faire la même chose

Jquery toggle event is messing with checkbox value

Answer 3

$("#chkCopy").change(function() {    alert("1"); 

      }, 
      function() { 
       alert("2"); 
      }); 

changement d'affectation au lieu de basculer

Answer 4

De l'documentation:

Depuis .toggle() interne utilise un cliquez sur h Andler à faire son travail, nous devons unbind click pour supprimer un comportement attaché avec .toggle(), si d'autres gestionnaires click peuvent être pris dans le feu croisé . La mise en œuvre également appels .preventDefault() sur l'événement, si les liens ne sera pas suivi et boutons ne sera pas cliqué si .toggle() a été appelé sur l'élément .

Vous ne pouvez donc pas utiliser toggle() si vous souhaitez que la case à cocher soit cochée et non cochée. Vous pouvez utiliser click() à la place:

$("#chkCopy").click(function() { 
    if (this.checked) { 
     copyDetails(); 
    } else { 
     emptyCopyDetails(); 
    } 
});