getElementByID("zone") [Débutant(e)] [Résolu]

[pierre50]

Je voudrais afficher l'état de ma checkbox (coché ou non) dans un alert
Je ne vois pas mon erreur. Honte à moi !

Code :

1
2
3
4
5
6
7
8
<script>
function f(){		
  var truc=document.getElementByID("zone").value;
  alert(truc);
}	
</script>
 
<input  id="zone" type="checkbox" value="on"  onClick="f()">

[javatwister]

tu cherches donc la valeur de "checked";

mais c'est assez paradoxal d'afficher l'état de la case quand tu la (dé)sélectionnes;
j'aime bien

[Bovino]

Code :

var truc=document.getElementByID("zone").value;

Comme précisé par javatwister, si tu veux la propriété checked, ne demande pas value

D'autre part, JavaScript est sensible à la casse et getElementByID() n'existe pas !

[pierre50]

Problème de casse effectivement ! En réalité, je désire passer l'état de ma checkbox sur un lien via la méthode GET
avec en paramètre ajax.php?ordre_chrono=1 si coché
Que dois-je modifier dans le code ci-dessous (que j'utilise par ailleurs avec succés pour le passage de variables autres que des valeurs de checkbox)

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<script>
 		function f(){
 			var ordre=document.getElementById("ordre_chrono");
			getXhr();
 			xhr.onreadystatechange = function(){
 				if(xhr.readyState == 4 && xhr.status == 200){
 					document.getElementById('affichage').innerHTML = xhr.responseText;
 				}
 			}
 
 			xhr.open("GET","ajax.php?ordre_chrono="+ordre.value,true);
 			xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
 			xhr.send(null);
		}	
		}
</script>
<input name="ordre_chrono" id="ordre_chrono" type="checkbox" value=""  onClick="f()">

[javatwister]

on t'a dit que value ne donnait pas l'état de la checkbox!

[Willpower]

Code :

xhr.open("GET","ajax.php?ordre_chrono="+ordre.checked,true);

ou si tu veux des valeurs comme "0" ou "1" :

Code :

xhr.open("GET","ajax.php?ordre_chrono="+(ordre.checked?1:0),true);

[pierre50]

Merci beaucoup mais j'ai encore beaucoup à apprendre !

Si je remplace ma case cocher par un bouton "Inverser" qui fait passer alternativement de 0 à 1 puis 0 ... la valeur de la variable ordre à chaque clic.
Comment dois-je initialiser la variable ?

Code :

1
2
3
4
5
6
7
<script>
 		function f(){
 			var ordre;
			if ( ordre == 0 ) {	ordre = ordre*(-1)};
		}
</script>
<input name="ordre_chrono" id="ordre_chrono" type="button" value="Inverser"  onClick="f()">

[Willpower]

Code :

1
2
3
4
5
6
<script>
 		function f(obj){
			obj.isEnabled = obj.isEnabled?0:1;
		}
</script>
<input name="ordre_chrono" id="ordre_chrono" type="button" value="Inverser"  onClick="f(this);">

Et si tu dois envoyer la valeur dans un formulaire, tu peux utiliser un champs input de type hidden.