Discussion :

[Auteur]

Comment désactiver une zone de texte en cochant une checkbox ?
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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[NoSmoking]

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

[Auteur]

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

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

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
function changement()
{
 document.getElementById('coucou').disabled = document.getElementById('cb').checked;
}

Qu'en pensez-vous ?

[NoSmoking]

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

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

[Auteur]

Voici donc la Q/R mise à jour :

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

Voici le code de la fonction :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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.

[NoSmoking]

Cela me paraît bien.

[Auteur]

Ok. Discussion