Rechercher
Se connecter avec
S'enregistrer | Connectez-vous
Résolu

Checkbox coché

Dernière réponse : dans Programmation
Partagez

Rebonjour,
Désolé de posté pas mal de sujet (et de faire un peu vivre le coté programmation HTML / Javascript :p ) mais je suis en train de bosser sur un site et je me confronte a un nouveau soucis!!
J'ai pensé a une sorte de formulaire ou l'utilisateur devrai dans une liste selectionner ses jeux.
Une fois la checkbox coché, cela ferai apparaitre une div de type texte.
Mais j'ai un peu regardé en javascript et ce que j'ai trouvé sur le net n'est pas tres clair...
Donc si jamais quelqu'un avez deja utilisé ce genre de formulaire??
Merci d'avance!

Autres pages sur : checkbox coche

Lassé par la pub ? Créez un compte

Je viens de faire ceci qui fonction lorsque la checkbox est checké...
  1. <input type=checkbox name="jeux[]" value=jeu1 onclick="document.getElementById('cacher').style.display = 'block';" onclick="document.getElementById('cacher').style.display = 'none';"><img src="Images/jeu1.png" class=im_g alt="image_jeu1">Jeu 1<br/>
    

  2. <div id="cacher" style="display:none;">   Team<input name="team[]" TYPE=TEXT/></div><br/>



Maintenant j'aimerai que quand je décoche la case jeu1 ca me retire la div "cacher"

(aère un peu ton code quand tu le publies sur le site, histoire qu'on puisse dire regarde ci ou ça à la ligne 12, par exemple. Par contre, sur ton serveur, pas de problème ;)  )

Le onclick ne réagit pas en fonction de la coche ou pas.
Regarde ce code :
  1. Cliquez-moi pour faire disparaître : 
    

  2. <input type=checkbox 
    

  3.        onclick="document.getElementById('cacher').style.display = 'none';" />
    

  4.  
  5. <br />
    

  6. Cliquez-moi pour faire apparaître : 
    

  7. <input type=checkbox 
    

  8.        onclick="document.getElementById('cacher').style.display = 'block';" />
    

  9.  
  10. <div id="cacher" style="display:none;" >
    

  11. 	Coucou !
    

  12. </div>


---------------------

Donc, essaie plutôt ça : 
  1. <script>
    

  2. 	function coucou()
    

  3. 	{
    

  4. 		if ( document.getElementById('coche').checked )
    

  5. 			document.getElementById('cacher').style.display = 'block';
    

  6. 		else			
    

  7. 			document.getElementById('cacher').style.display = 'none';
    

  8. 	}
    

  9. </script>
    

  10.  
  11. Cliquez-moi pour faire disparaître : 
    

  12. <input type=checkbox
    

  13.        id="coche" 
    

  14.        value="xxxx"
    

  15.        onclick="coucou();" />
    

  16.  
  17. <div id="cacher" style="display:none;" >
    

  18. 	Coucou !
    

  19. </div>
Contenus similaires
Posez votre question

Super :)  Merci c'est exactement ce que je voulais faire :) 
Mais imaginons que je veuille utiliser cette fonction coucou() a plusieurs endroits... Comment dois-je m'y prendre car il ne peut y exister qu'une seule div ayant pour id="cacher"... de même pour la checkbox ayant l'id="coche".
Dois-je reecrire la fonction nfois? (en changeant les valeur des id?)

Euh,... et si tu apprenais le langage avant de vouloir l'utiliser ! :o 
Spoiler
Je n'ai jamais fait comme ça moi. :D 


Sais-tu que tu peux passer des paramètres à ta fonction ?

^^ oui je sais très bien mais après mon premier essai (raté :p  ) je me suis dit que ca ne devait pas être possible car on change deux id.
Mais je vais encore regarder comment faire merci beaucoup deja :) 

Meilleure solution

:pfff: 
Je t'écris coucou, à toi de faire correctement les appels :
  1. <script>
    

  2.     function coucou(coche, cacher)
    

  3.     {
    

  4.         if ( document.getElementById(coche).checked )
    

  5.             document.getElementById(cacher).style.display = 'block';
    

  6.         else
    

  7.             document.getElementById(cacher).style.display = 'none';
    

  8.     }
    

  9. </script>

Oooooops effectivement je faisait nimporte quoi en parametre je passé une variable:
coucou(i)
et je remplacé ensuite coche par concaténation à la sauce php... je me suis totalement embrouillé!
Mais avec ton coup de main c'est de l'histoire ancienne!!
Vraiment merci beaucoup zeb tu est un programmeur hors paire :) 
Lassé par la pub ? Créez un compte
 
Posez votre question