click d'un checkox

Version imprimable

14/03/2005, 12h16
sandys

click d'un checkox

Bonjour,
Je voudrais faire apparaitre un input text sur le click d"un checkbox.
Mais je ne voit pas comment faire

Pouvez vous aider?

Merci d'avance

Voila un morceau de code qui devrait t'aider :wink:

Code:

1
2
3
4
5
6
7
8
9
<script language="Javascript">
function fonc()
{
  document.getElementById('champ_txt').style.display='';
}
</script>
 
<INPUT TYPE="text" ID="champ_txt" STYLE="DISPLAY:HIDDEN" VALUE="valeur">
<INPUT TYPE="checkbox" ONCLICK="javascript:fonc();">

J'ai l'impression que le onclick du checkbox ne marche pas car il n'affiche rien:
Javascript
Code:

1 2 3 4 function fonc() { alert ("coucou") }
Code:

1 2 <INPUT TYPE="text" ID="coucou" STYLE="DISPLAY:HIDDEN" VALUE="valeur"> <INPUT TYPE="checkbox" ONCLICK="javascript:fonc();">

14/03/2005, 12h36
.:morgoth:.

2 choses :
>> tu as bien déclaré ta fonction AVANT d'écrire le code de la checkbox ?
>> tu as oublié un ; a la fin de la ligne du alert donc ca ne peut pas marcher de tte facon :wink:
14/03/2005, 12h46
sandys

C'est bien ce que j'ai fait mais ca marche pas!!!!!!!
14/03/2005, 14h11
.:morgoth:.

OK donc on passe au plan B :D
Montre moi tout le code de ta page.
On devrait pouvoir trouver l'erreur.

J'ai trouvé mon erreur..Donc maintenat j'arrive a avoir une action en cliquant sur le chekbox.
Mais je n'arrive toujours pas a afficher un input text sur le click du checkbox.
voici mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <script language="JavaScript"> function fonc() { document.formulaire.getElementById('champ_txt').style.display=''; } </script> </head> <body> <form action="Q1.php" method="post" name="formulaire"> <INPUT TYPE="text" ID="champ_txt" STYLE="DISPLAY:HIDDEN" VALUE="valeur"> <INPUT TYPE="checkbox" ONCLICK="javascript:fonc();"> <input type="submit" value="ok" > </form> </body> </html>
[/code]

Essaie de modifier la fonction JS :
Code:

1 2 3 4 function fonc() { document.getElementById('champ_txt').style.display=''; }

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>...</title>
 
<script type="text/javascript"> 
 
var ch;
 
function fonc(box,p){ 
 
if(box.checked){
ch=document.createElement('input');
ch.setAttribute("type","text");
ch.setAttribute("name","txt");
p.appendChild(ch)
}
else p.removeChild(p.lastChild);
 
} 
 
</script> 
 
</head> 
 
<body> 
 
<form action="Q1.php" method="post"  id="formulaire"> 
 
<div>
<input type="checkbox" onclick="fonc(this,this.parentNode)" />  
</div>
 
<p>  
<input type="submit" value="ok" /> 
</p>
 
</form>
 
</body>
</html>

entre nous, change d'éditeur et potasse sérieusement des références javascript / dom

15/03/2005, 09h51
sandys

Merci beaucoup de ton aide.
Maintenant ca marche
Bonne journée.... :lol: