Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Langage JavaScript checkbox cochée / décochée

checkbox cochée / décochée

2 réponses
Avatar
Tolivier
Bonjour,

J'essaye de gérer, dans un formulaire, l'évènement d'une checkbox
cochée/décochée (pour faire apparaitre un élément de formulaire
supplémentaire uniquement si la case est cochée).
J'ai donc un code du genre :

<INPUT TYPE="checkbox" NAME="toto" onChange="if
(document.forms['formulaire'].documents.checked)
{document.getElementById('detail').style.display='';} else
{document.getElementById('detail').style.display='none';}">
<div id="detail" style="display:none<textarea cols=50 rows=6
></textarea></div>

Donc : quand je coche ma case, le textarea apparait, qd je décoche, il
disparait.

Tout ça me semble logique... et fonctionne sous Firefox, mais pas sous MSIE6
!
Sous MSIE6, il faut que je cohe une autre checkbox de mon formulaire pour
que le "onChange" de cette checkbox "toto" soit pris en compte : il semble
que le onChange soit donc géré différemment...

Z'avez une idée pour que mon textarea apparaisse qd je coche ma case, et
disparaisse qd je décoche sous MSIE ?

Merci d'avance

Phil
Signaler un problème avec ce contenu

2 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
ASM
Tolivier wrote:
Bonjour,

J'essaye de gérer, dans un formulaire, l'évènement d'une checkbox
cochée/décochée (pour faire apparaitre un élément de formulaire
supplémentaire uniquement si la case est cochée).
J'ai donc un code du genre :

<INPUT TYPE="checkbox" NAME="toto" onChange="if
(document.forms['formulaire'].documents.checked)
{document.getElementById('detail').style.display='';} else
{document.getElementById('detail').style.display='none';}">
<div id="detail" style="display:none<textarea colsP rows=6

</textarea></div>



<INPUT TYPE="checkbox" NAME="toto" onclick="
if(this.checked) document.getElementById('detail').style.display='';
else document.getElementById('detail').style.display='none';">

ou :

<INPUT TYPE="checkbox" NAME="toto" onclick="
document.getElementById('detail').style.display= (this.checked)?
'' : 'none';">


<div id="detail" style="display:none<textarea colsP rows=6
</textarea></div>


--
Stephane Moriaux et son [moins] vieux Mac


Avatar
Tolivier
Génial, merci bcp. Et ta seconde proposition est vraiment jolie... ;-)

Phil

"ASM" a écrit dans le message
de news:431ee032$0$1007$
| Tolivier wrote:
| > Bonjour,
| >
| > J'essaye de gérer, dans un formulaire, l'évènement d'une checkbox
| > cochée/décochée (pour faire apparaitre un élément de formulaire
| > supplémentaire uniquement si la case est cochée).
| > J'ai donc un code du genre :
| >
| > <INPUT TYPE="checkbox" NAME="toto" onChange="if
| > (document.forms['formulaire'].documents.checked)
| > {document.getElementById('detail').style.display='';} else
| > {document.getElementById('detail').style.display='none';}">
| > <div id="detail" style="display:none<textarea colsP rows=6
| >
| >></textarea></div>
|
| <INPUT TYPE="checkbox" NAME="toto" onclick="
| if(this.checked) document.getElementById('detail').style.display='';
| else document.getElementById('detail').style.display='none';">
|
| ou :
|
| <INPUT TYPE="checkbox" NAME="toto" onclick="
| document.getElementById('detail').style.display= (this.checked)?
| '' : 'none';">
|
|
| <div id="detail" style="display:none<textarea colsP rows=6
| </textarea></div>
|
|
| --
| Stephane Moriaux et son [moins] vieux Mac