Comment activer le code Javascript avec une case à cocher?

Question

J'essaie d'activer un code Javascript uniquement lorsque je coche une case.

Je veux insérer un script afin que je puisse activer et désactiver le script en cochant ou décochant la case.

Answer 1

Si vous voulez que le code ne s'exécute que lorsque la case est cochée, enveloppez simplement ce code dans une fonction, puis vérifiez si cette case est cochée en haut de la fonction. Si ce n'est pas coché, return pour arrêter le reste de la fonction.

function codeToRun() { 

    var myCheckbox = document.getElementById("checkbox-id"); 

    if (!myCheckbox.checked) { 
     return; 
    } 

    // Whatever code you want to be run 
    doWhatYouWantToDoHere(); 
} 

Si la case est pas cochée, la fonction return sans courir tout le long. Si elle est cochée, la fonction fonctionnera normalement.

Answer 2

Vous pouvez le faire en utilisant JQuery comme celui-ci

HTML

<input id="checkbox" type="checkbox" /> 

JS

$('#checkbox').click(function(){ 
    if (this.checked) { 
     // your code here 
    } 

    else { 
     // the opposite (to disable the script as you want) 
    } 
})