Checkbox affichage dynamique

**Danyel** · 31/08/2011, 11h40

Salut all,

Je cherche le moyen, a partir de checkbox (3 au total) la possibilite d'afficher ou d'effacer (selon le choix du checkbox) des donnees sur la page en cours.
Le top serait de pouvoir activer/desactiver toutes les lignes d'un code (predefini).

Alors j'ai cherche en long, en large et en travers, mais sans vraiment trouver qq chose de concret et/ou efficace.

Si vous avez des infos, des codes ou des liens qui me permettrait de faire ceci, ca serait nickel.
Merci pour toute votre aide.

Danyel

**SpaceFrog** · 31/08/2011, 13h30

Une mine d'or
http://javascript.developpez.com/faq...ript/?page=obj

**diallomad** · 31/08/2011, 14h05

Bonjour,
Je pense que ce code devrait faire l'affaire

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
43
44
45
46
47
48
49
50
<html>
      <head>
	    <title> Affiche en fonction de checkbox </title>
  <script type="text/javascript">
   function afficheSelonLeChoix(choix)
   {
       if(choix==0)
 	 {
 	    document.getElementById('contenu_choix1').style.display= 'block'
 	    document.getElementById('contenu_choix2').style.display= 'none'
 	    document.getElementById('contenu_choix3').style.display= 'none'
 	 }
       else if(choix==1)
 	  {
 	    document.getElementById('contenu_choix2').style.display= 'block'
 	    document.getElementById('contenu_choix1').style.display= 'none'
 	    document.getElementById('contenu_choix3').style.display= 'none'
 	  }
       else
 	  {
 	    document.getElementById('contenu_choix3').style.display= 'block'
 	    document.getElementById('contenu_choix1').style.display= 'none'
 	    document.getElementById('contenu_choix2').style.display= 'none'
 	  }
   }
  function cacherContenu()
  {
	    document.getElementById('contenu_choix1').style.display= 'none'
	    document.getElementById('contenu_choix2').style.display= 'none'
	    document.getElementById('contenu_choix3').style.display= 'none'
 
  }
</script>
</head>
<body onLoad="cacherContenu()">
<input type="checkbox" name="choix_1" onClick="afficheSelonLeChoix(0)" /> Choix 1
<input type="checkbox" name="choix_2" onClick="afficheSelonLeChoix(1)" /> Choix 2
<input type="checkbox" name="choix_3" onClick="afficheSelonLeChoix(2)" /> Choix 3
 
<div id="contenu_choix1">
  <p>	Vous avez coché le choix 1 </p>
</div>
<div id="contenu_choix2">
  <p>	Vous avez coché le choix 2 </p>
</div>
<div id="contenu_choix3">
  <p>	Vous avez coché le choix 3 </p>
</div>
</body>
</html>

**Danyel** · 01/09/2011, 03h35

Merci a tous les 2, en combinants ces reponses, je pense que ca va le faire.
Mais sinon, bizarre que ces sodes soient dans la faq ... moi j'avais cherche dans les sources, ca me paraissait plus adequat non ?

Checkbox affichage dynamique

JavaScript

Discussions similaires

Partager

Partager