Comment faire pour afficher des boîtes d'alerte en fonction de si une case est cochée ou non à l'aide de Javascript

Je suis en train d'essayer de faire en sorte que si la case à cocher sur notre page est cochée, il affiche un message d'alerte pour avertir l'utilisateur qu'ils ont choisi de montrer leur caisse de l'histoire. Si l'utilisateur désactive la case à cocher ensuite, il devrait montrer une autre boîte d'alerte leur permettant de savoir qu'ils choisissent de montrer leur caisse de l'histoire. Je vais avoir du mal à simplement l'affichage des boîtes d'alerte si la case est même cochée/décochée. Voici mon code.

HTML

<div class="myAccountCheckboxHolder" id="showCheckoutHistoryCheckbox">
    <input tabindex="40" checked="checked" id="showCheckoutHistory" name="showCheckoutHistory" type="checkbox">
        <label for="showCheckoutHistory" class="checkLabel">Show my checkout history</label>
    </div>    

Javascript

function validate() {
    var checkoutHistory = document.getElementById('showCheckoutHistory');
    if (checkoutHistory.checked) {
        alert("You have elected to show your checkout history.");
    } else {
        alert("You have elected to turn off checkout history.");
    }

Merci.

Essayez juste une case à cocher.checked==true et essayez d'exécuter
Semble fonctionner: jsfiddle.net/6Hct9/4
Hey, si vous êtes déjà à l'aide de jQuery dans votre site, que ce qui est suggéré par le jQuery balise dans la question, vous devriez envisager d'utiliser @Jacek la réponse au lieu de la mienne, que sa fait de la bonne utilisation de la bibliothèque.
Double Possible de Vérifiez si la case est cochée JavaScript

OriginalL'auteur r.doleano | 2014-02-07