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
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
Vous devez vous connecter pour publier un commentaire.
jQuery (réponse originale à cette question)
Documentation ici: http://api.jquery.com/prop/
JavaScript (2018 mise à jour)
Il vaut la peine de remarquer, que vous n'avez pas besoin de bibliothèques javascript-à-vis de cela.
Pour plus pur javascript solutions je recommande vanilla.js: http://vanilla-js.com/ cadre 😉
Pas de problème, je suis fier que j'ai aidé :).
OriginalL'auteur Jacek Kowalewski
Donc pour case changements que j'ai utiliser le
change
écouteur jQuery fournit. Donc, assurez votre javascript ce:Ici, c'est aussi un travail de violon.
Il est ok pour supposer que le code est emballé correctement. En fait, je préfère ne pas préciser: il est peut-être à l'intérieur de certains géants application ou une fonction qui n'est vrai que dans un seul sous-page. Pas besoin de coder le message de programmation indésirables avec minutie. J'aurais supprimé mon post une fois que j'ai vu la vôtre, mais la pensée que
this.checked
est plus élégante que$(this).prop("checked")
alors je l'ai laissé en place. La vie est courte.Pas de problème. +1 de moi.
OriginalL'auteur Andy Novocin
Voici une version de travail sans jQuery. En effet ton code marche très bien une fois que la fonction a une accolade fermante. Je viens d'ajouter un écouteur d'événement pour vous et déplacé le
checkoutHistory
var en dehors de la fonction.Et voici le JSFiddle j'ai utilisé. http://jsfiddle.net/aaFe5/
"Le maître le passé .prêt() est garanti pour être exécuté après le DOM est prêt, donc c'est généralement le meilleur endroit pour attacher tous les autres gestionnaires d'événements et d'exécuter d'autres jQuery code." Il est le document.prêt manquant. Ma réponse est la meilleure, et j'ai d'abord été ;).
Il n'est pas à l'aide de jQuery, et il ne serait pas sage à mon avis, pour inclure toute une bibliothèque pour un écouteur d'événement.
OK. Il y a un jquery balise en question - j'ai donc pensé qu'il utilise. Désolé à ce sujet :). +1
Hmm, je n'ai pas vu le jQuery tag. Peut-être qu'il est en l'utilisant, dans ce cas, votre code est mieux parce que c'est la réalité de l'utilisation de la bibliothèque. Je vais commenter la question de départ, ce qui suggère qu'il utiliser le vôtre si en fait il est à l'aide de jQuery. Désolé pour le dumping sur votre réponse si vous aviez raison. 😛
OriginalL'auteur Scotty C.