click d'un checkox

**sandys** · 14/03/2005, 12h16

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

**.:morgoth:.** · 14/03/2005, 12h20

Voila un morceau de code qui devrait t'aider

Code :

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

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();">

**sandys** · 14/03/2005, 12h29

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

Code :

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

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

Code :

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

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

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

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

**sandys** · 14/03/2005, 12h46

C'est bien ce que j'ai fait mais ca marche pas!!!!!!!

**.:morgoth:.** · 14/03/2005, 14h11

OK donc on passe au plan B

Montre moi tout le code de ta page.
On devrait pouvoir trouver l'erreur.

**sandys** · 14/03/2005, 14h22

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 :

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

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]

**.:morgoth:.** · 14/03/2005, 14h46

Essaie de modifier la fonction JS :

Code :

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

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

**javatwister** · 15/03/2005, 09h35

Code :

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

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

**sandys** · 15/03/2005, 09h51

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

click d'un checkox

JavaScript

Vue hybride

Discussions similaires

Partager

Partager