Discussion :

[Robjerey]

Bonjour.

Je dispose d'un champ texte:

Code HTML :

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

<input id="Text1" type="text"/>

et d'une case à cocher:

Code HTML :

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

<input id="Checkbox1" type="checkbox" />

Comment faire pour que le champ Texte soit grisé (donc non éditable) lorsque que la case à cocher est décochée, et que le champ Texte soit dégrisé (donc éditable) lorsque que la case à cocher est cochée?

Merci.

[Bovino]

C'est pas possible en HTML.
Il faut passer par du JavaScript pour faire ça.

[Robjerey]

Merci pour la réponse.

Comment faut-il faire en JavaScript?
Avec un événement particulier?

[valaendra]

bonjour,

ça pourrait ressembler à quelque chose comme ça avec jQuery :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<input type="checkbox" id="maCase" />
<input type="text" id="monTexte" />
<script>
$("#maCase").click( function(){
   if( $(this).is(':checked') ) {
      $("#monTexte").prop('disabled', false);
   }
   else {
      $("#monTexte").prop('disabled', true);
   }
});
</script>

[NoSmoking]

Bonjour,
valaendra, cela ressemble quand même un peu à un bazooka...

Code :

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

<input type="checkbox" id="maCase" onclick="document.getElementById('monTexte').disabled = this.checked">