1 checkbox qui dégrise plusieurs checkbox

1 checkbox qui dégrise plusieurs checkbox - HTML/CSS - Programmation

Marsh Posté le 28-04-2006 à 16:20:37    

Bonjour,
 
je cherche à faire un formulaire dans le quel j'ai plusieurs checkbox
 

  • 1 non séléctionnée non grisée
  • et 5 autres non séléctionnée mais grisées

et quand on clic sur la premiere checkbox ca dégrise les 5 autres checkbox
 
j'ai trouvé quelque chose mais ca ne fonctionne que pour une autre checkbox...
 
Merci beaucoup.

Reply

Marsh Posté le 28-04-2006 à 16:20:37   

Reply

Marsh Posté le 28-04-2006 à 17:19:48    

Salut!
Pour dégriser les checkbox, tu dois d'abord donner un nom pour chaque checkbox. Ensuite, tu écris 1 fonction javascript dans l'évènement onclick de ton 1er checkbox.
Dans ta fonction javascript(), tu fais appel à ton checkbox:
ex: document...nomducheckbox.disabled = 0; //ton checkbox sera dégrisé.
 
Voilà

Reply

Marsh Posté le 28-04-2006 à 18:06:27    

Merci beaucoup,
 
je test et je te tiens au courant !

Reply

Marsh Posté le 30-04-2006 à 00:19:31    

Mieux vaut faire des input radio :
O - rien
O - choix 1
O - choix 2
O - choix 3
C'est quand meme fait pour ca ...

Reply

Marsh Posté le 30-04-2006 à 15:59:08    

Non ce n'est pas ce que le monsieur cherche à faire
 
en gros (je reexplique pour les gens qui on pas compris)
 
le monsieur il a une checkbox, qui une fois cochée entraine à l'activation des 5 autres (donc 5 choix supplémentaires)
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title></title>
  5.    <script>
  6.    function activeCkb(ParentInp) {
  7.       var AllCkb = document.getElementById("MyCkb" ).getElementsByTagName("input" );
  8.       for (var i=0; i<AllCkb.length; i++) {
  9.          AllCkb[i].disabled = (ParentInp.checked) ? "" : "disabled";
  10.       }
  11.    }
  12.  
  13.  
  14.    </script>
  15. </head>
  16. <body>
  17. <input id="activate" type="checkbox" onchange="activeCkb(this)" onclick="this.onchange()"><label for="activate">Coche Ta mere pour avoir plus d'enfants</label>
  18. <div id="MyCkb">
  19. <input type="checkbox" id="gosse1" disabled><label for="gosse1">Gosse 1</label><br>
  20. <input type="checkbox" id="gosse2" disabled><label for="gosse2">Gosse 2</label><br>
  21. <input type="checkbox" id="gosse3" disabled><label for="gosse3">Gosse 3</label><br>
  22. <input type="checkbox" id="gosse4" disabled><label for="gosse4">Gosse 4</label><br>
  23. </div>
  24. </body>
  25. </html>


Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed