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

Version imprimable

25/05/2006, 02h20
mjihanne

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

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 ,

Code:

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)

25/05/2006, 14h14
mjihanne

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 :(
25/05/2006, 14h27
Kerod

Hein....:?8O

Si elle est disabled comment veux tu y écrire ??
Moi pas tout comprendre lol
25/05/2006, 14h31
tosprou

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.

Si c'est ça alors :

Code:

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>

25/05/2006, 14h37
mjihanne

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

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

Code:

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

25/05/2006, 16h33
mjihanne

oui ça marche tres bien,merci bcp kerod :bravo: