désactivation d'une zone de texte en cochant une checkBox

**mjihanne** · 25/05/2006, 02h20

Salut tout le monde,
j'ai un petit prob avec ma checkbox,je suis arrivée à désactiver une zone de texte lorsque la checkbox est cochée,donc,si je la décoche ,automatiquement la zone de texte devient accessible ,mais ce que je n'arrive pas à faire c'est:si on y tape quelques chose,il faut qu'elle sera vide (la zone de texte) une fois que je coche la checkbox,j'espere que je me suis bien expliquée,voici le code que j'utilise:
function change()
{
if (document.getElementById('cbox').checked)
document.getElementById('Ztext').disabled=true;

else
document.getElementById('Ztext').disabled=false;
}

et merci ,

**Kerod** · 25/05/2006, 05h56

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
<body>
<script language="javascript">
function change()
{
if (document.getElementById('cbox').checked == true)
document.getElementById('Ztext').disabled='disabled';
 
else
document.getElementById('Ztext').disabled='';
}
</script>
<input type="text" id="Ztext"><input id="cbox" type="checkbox" onclick="change()">
</body>
</html>

Et comme ca ? (correct sous IE et FF)

**mjihanne** · 25/05/2006, 14h14

Salut,seulement la premiere partir qui marche(quand je la decoche,elle desactive la zone de texte) mais si je tape quelque chose et je la decoche ensuite;la zone de texte ne se vide pas

**Kerod** · 25/05/2006, 14h27

Hein....

Si elle est disabled comment veux tu y écrire ??
Moi pas tout comprendre lol

**tosprou** · 25/05/2006, 14h31

Je crois avoir compris que mjihanne veut vider sa zone de texte quand elle clique sur sa case a cocher, en meme temps qu'elle en interdit l'écriture.

**Kerod** · 25/05/2006, 14h34

Si c'est ça alors :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script language="javascript">
function change()
{
if (document.getElementById('cbox').checked == true){
    document.getElementById('Ztext').disabled=true;
    document.getElementById('Ztext').value = '';
}
else
document.getElementById('Ztext').disabled=false;
}
</script>

**mjihanne** · 25/05/2006, 14h37

oui je suis d'accord avec toi,si elle est desactivée en y peut rien ecrire

,
mais supposons qu on a activé la zone de texte et qu on ecrit quelque chose dedans mais on se rend compte que ce champs dois etre desactivé donc il faut decocher la checkbox,donc il faut que la zone de texte soit desactiver et vider de ce qu on a ecrit en meme temps or le code que j utilise la desactive mais ne la vide pas

**Kerod** · 25/05/2006, 14h45

Là le code fait surtout tout le contraire de ce que tu veux surtout
voilà ce que tu veux vraiment :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script language="javascript">
function change()
{
if (document.getElementById('cbox').checked == true){
    document.getElementById('Ztext').disabled="";
 
}
else{
document.getElementById('Ztext').disabled="disabled";
document.getElementById('Ztext').value = '';}
}
</script>
<input type="text" id="Ztext" disabled="disabled"><input id="cbox" type="checkbox" onclick="change()">

**mjihanne** · 25/05/2006, 16h33

oui ça marche tres bien,merci bcp kerod

désactivation d'une zone de texte en cochant une checkBox

JavaScript

Discussions similaires

Partager

Partager