getElementByID("zone")

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()">

---

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 :mrgreen:

Code:

---

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

---

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

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

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()">

---

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

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);

---

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()">

---

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.