afficher, masquer un block (<div>...</div>)

Au clique sur une checkbox

Sujet résolu

2 décembre 2005 à 14:22:02

Bonjour à tous

Comment faire pour afficher, masquer un blok lorsque l on clique sur une checkbox ?

J ai truvé un bout de code qui avec un select, que j ai modifier pour une checkbox Mais le probleme est que la checkbax, lorsque je lai checké, je ne peux pas le "dé"checké voici le code complet, tres simple

<html>
<head>
<title>test</title>
<script language="JavaScript">
function afficherAutre() {
   var a = document.getElementById("cache");


   if (document.getElementById ("choix").checked=true)
   {
if (a.style.display == "none")
   a.style.display = "block";
   }
   else
   {
a.style.display = "none";
   }
}
</script>
</head>

<body>
<form method="post" action="">
<p>afficher le champs:
<input type="checkbox" id="choix" onclick="afficherAutre()"/>
</p>

<div id="cache" style="display: none">
Autre :<input type="text" name="mots" >
</div>
</form>
</body>
</html>

J ai essayer en mettent else (document.getElementById ("choix").checked=false), ca ne marche pas.

Le pobleme, je crois vient du onclick, non ?

Merci pour votre aide

@ bientot jerome

JALeX

2 décembre 2005 à 14:49:19

Salut !

moi j'utilise ca et ca marche!

Défi Toulouse: jeux de piste sur Toulouse, en autonomie avec son smartphone

tyberium

2 décembre 2005 à 15:01:57

Merci a toi,

j ai trouvé mon blem ce venait du =true il ny en a pas besoin ...

@ bientot jerome