[debutant] desactiver zone de texte

Version imprimable

25/08/2006, 14h17
sisssi_1

[debutant] desactiver zone de texte

Bonjour
debutante en developement

j'aimerais bien de l'aide de votre part
je veux realiser un javascript qui me permettra de desactiver une zone de texte lorsque je coche une case a chocher et le contraire

Merci
25/08/2006, 14h22
SpaceFrog

cf :faq:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<DIV>
<INPUT TYPE='checkbox' id='check' name='sup' onClick='fct();'>
<INPUT TYPE='text' id='text' name='code'>
</DIV>
 
<script>
function fct() {
      if (document.getElementById('check').checked)
          document.getElementById('text').disabled = true;
      else
          document.getElementById('text').disabled = false;
}
</script>

et en optimisant:

Code:

1
2
3
4
5
6
7
8
9
10
11
<div>
<input type="checkbox" name="sup" onclick="go(this)" /><input type="text" disabled="disabled" id="texte" name="code" />
</div>
 
<script type="text/javascript">
 
function go(ch) {
     ch.nextSibling.disabled=!ch.checked
}
 
</script>

;)

25/08/2006, 15h18
linar009

tout à fait!
bravo pour l'optimisation...
25/08/2006, 17h08
sisssi_1

Bonjour
Merci pour vos reponses
c tt a fait ce que j'ai mis comme code
mais le probleme c que j'ai deux check box
donc je peux les cocher tt les deux et cc c ce que je veux pas
je veux quand je coche l'une et la zone se desactive je veux qu'n je cohe l'autre la zone s'active

!!!!!!!!!
j'espere que j'etais claire
25/08/2006, 17h19
linar009

Ben ca sert à rien d'en mettre deux, non?
Un checkbox suffit : s'il est checked tu desactives ta zone, s'il n'est pas checked, tu ractives ...

:cry: :cry: :cry:

c'est ce qu'on m'a demandé de faire

Alors???
voila ce que j'ai fait

Code:

1
2
3
4
5
6
7
8
9
10
function changement() 
{ 
   if (document.getElementById('localisation1').checked) 
      document.getElementById('adr').disabled=true; 
   else {
                if(document.getElementById('localisation').checked){
                 document.getElementById('adr').disabled=false;
                }
}
}

25/08/2006, 17h32
sisssi_1

Re

merci pour vous ca marche
le prob mnt c que je veux que seulement une case qui se coche l'autre se coche pas je veux pas qu'il se coche tt lmes deux

y'a t'il une solution???????
25/08/2006, 17h38
javatwister

sisssi 1, la personne qui te demande cela ne connaît pas html: il faut lui expliquer que ça n'a pas de sens d'utiliser checkbox dans ce cas; la solution c'est un champ de type radio;
25/08/2006, 17h42
sisssi_1

alors avec un button radio ca sera koi la solution ??

Code:

1 2 3 4 5 6 7 8 <script> function fct() { if (document.getElementById('check').checked) document.getElementById('text').disabled = true; else document.getElementById('text').disabled = false; } </script>
Reste pareil , mais tu change juste

Citation:

<INPUT TYPE='checkbox' id='check' name='sup' onClick='fct();'>

en

Citation:

<INPUT TYPE='radio' id='check' name='sup' onClick='fct();'>

Ps : tester s'est ok ,( je n'ai presque jamais toucher le JS)