Comment puis-je obtenir si une case est cochée ou non?
Pour une raison quelconque, mon formulaire ne veut pas obtenir la valeur d'une case à cocher … Je ne sais pas si c'est mon codage ou pas, mais lorsque j'essaie d' alert() la valeur, je ne me undefined comme résultat. Qu'est-ce que j'ai mal?
<head> <script> var lfckv = document.getElementById("lifecheck").checked function exefunction(){ alert(lfckv); } </script> </head> <body> <label><input id="lifecheck" type="checkbox" >Lives</label> </body>
MODIFIER
J'ai essayé de changer cela
function exefunction() { alert(document.getElementById("lifecheck").checked); }
Mais maintenant, il ne veut même pas l' execute . Qu'est-ce qui ne va pas?
Placez le var lfckv à l'intérieur de la fonction. Lorsque cette ligne est exécutée, le corps n'est pas encore analysé et l'élément "lifecheck" n'existe pas. Cela fonctionne parfaitement bien:
<html> <head> <script language="javascript" type="text/javascript"> function exefunction(){ var lfckv = document.getElementById("lifecheck").checked; alert(lfckv); } </script> </head> <body> <label><input id="lifecheck" type="checkbox" >Lives</label> <button onclick="exefunction()">Check value</button> </body> </html>
Vous essayez de lire la valeur de votre case à cocher avant d'être chargée. Le script s'exécute avant que la case à cocher existe. Vous devez appeler votre script lorsque la page est chargée:
<body onload="dosomething()">
Exemple:
http://jsfiddle.net/jtbowden/6dx6A/
Vous manquez également d'un point-virgule après votre première affectation.
La ligne où vous définissez lfckv est exécutée chaque fois que le navigateur le trouve. Lorsque vous le placez dans la tête de votre document, le navigateur essaie de trouver l'identifiant de la clé de sécurité avant que l'élément Lifecheck ne soit créé. Vous devez ajouter votre script en dessous de l'entrée de la suppression de la vie afin que votre code fonctionne.
Essayez d'apprendre jQuery c'est un excellent endroit pour commencer avec javascript et cela simplifie vraiment votre code et aidez à séparer votre js de votre html. Inclure le fichier js du CDN de google (https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js)
Ensuite, dans votre tag de script (toujours dans l'utilisation <head> ):
$(function() {//code inside this function will run when the document is ready alert($('#lifecheck').is(':checked')); $('#lifecheck').change(function() {//do something when the user clicks the box alert(this.checked); }); });
Vous pouvez utiliser ce code, il peut retourner vrai ou faux:
$(document).ready(fonction(){ //add selector of your checkbox var status=$('#IdSelector')[0].checked; console.lot(status); });
<!DOCTYPE html> <html> <body> <input type="checkbox" id="isSelected"/> <div id="myDiv" style="display:none">Is Checked</div> </body> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script> $('#isSelected').click(function() { $("#myDiv").toggle(this.checked); }); </script> </html>