Discussion :

[sisssi_1]

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

[SpaceFrog]

cf

[linar009]

Code :

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

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>

[javatwister]

et en optimisant:

Code :

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

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>

[linar009]

tout à fait!
bravo pour l'optimisation...

[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

[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 ...

[sisssi_1]

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


Alors???
voila ce que j'ai fait

Code :

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

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;
                }
}
}

[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???????

[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;

[sisssi_1]

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

[paterson]

Code :

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

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

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

en

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

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