Les formulaires (partie 2) : Comment désactiver une zone de texte en cochant une checkbox ?

Comment désactiver une zone de texte en cochant une checkbox ?
:arrow: http://javascript.developpez.com/faq...Objs#TextCheck

Très peu de modification à apporter cette Q/R : il y a juste un symbole "&" en trop dans le code HTML qui inhibe la coloration syntaxique :

Code:

---

1 2	<input type="checkbox" id="cb" onclick="changement()" /> <input type="text" id="coucou" />

---

On pourrait faire plus concis mais cela perdrait en clarté pour un débutant.

Citation:

---

Envoyé par FAQ

Code:

---

1 2 3 4 5 6 7

function changement(){ if (document.getElementById('cb').checked) document.getElementById('coucou').disabled=true; else document.getElementById('coucou').disabled=false; }

---

---

Pour le code JS il vrai que l'on peut simplifier. On peut sans doute le proposer comme une idée ?

Citation:

---

:idea: Il est possible de simplifier le code javascript en écrivant :

Code:

---

1 2 3 4 5

function changement() { document.getElementById('coucou').disabled = document.getElementById('cb').checked; }

---

---

Qu'en pensez-vous ?

Citation:

---

On peut sans doute le proposer comme une idée ?

---

Je suis d'accord pour présenter cela comme une écriture simplifiée.

Voici donc la Q/R mise à jour :

Citation:

---

Comment désactiver une zone de texte en cochant une checkbox ?

Voici le code de la fonction :

Code:

---

1 2 3 4 5 6 7

function changement() { if (document.getElementById('cb').checked) document.getElementById('coucou').disabled=true; else document.getElementById('coucou').disabled=false; }

---

et voici le code du champ texte et de la checkbox :

Code:

---

1 2	<input type="checkbox" id="cb" onclick="changement()" /> <input type="text" id="coucou" />

---

:idea: Il est possible de simplifier le code javascript en écrivant :

Code:

---

1 2 3 4

function changement() { document.getElementById('coucou').disabled = document.getElementById('cb').checked; }

---

---

D'ailleurs je crois que la Q/R avait été mise à jour depuis ma remarque

Citation:

---

il y a juste un symbole "&" en trop dans le code HTML qui inhibe la coloration syntaxique

---

Il y a donc au final juste la suggestion à ajouter.

Cela me paraît bien.

Ok. Discussion :resolu: