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
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![]()
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();">
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();">
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![]()
C'est bien ce que j'ai fait mais ca marche pas!!!!!!!
OK donc on passe au plan B![]()
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]
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>
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=''; }
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
Merci beaucoup de ton aide.
Maintenant ca marche
Bonne journée....![]()
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager