Checkbox affichage dynamique

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

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

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

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
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>

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 ? ;)