Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2483 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Résolu]liste de case à cocher

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[Résolu]liste de case à cocher

n°1314202
schmur
Posté le 27-02-2006 à 11:50:31  profilanswer
 

Bonjour,
J'ai besion de faire un truc et je sais pas comment faire.
On fait, j'ai dans mon ecran une liste d'éléments avec des case à cocher sur chaque ligne.
Il faudrai que je crée en bouton qui permet de sélectionner toute la liste.
Est-ce que quelqu'un sait comment on peut faire un bouton "tout selectionner"
 
merci d'avance


Message édité par schmur le 28-02-2006 à 09:09:14
mood
Publicité
Posté le 27-02-2006 à 11:50:31  profilanswer
 

n°1314209
anapajari
s/travail/glanding on hfr/gs;
Posté le 27-02-2006 à 11:59:32  profilanswer
 

En javascript, et plutot avec du DOM.
Si tu veux cocher absolument tous les inputs de type checkbox, perso je ferais un truc dans le genre:

Code :
  1. function checkAll(){
  2. var inpList = document.getElementsByTagName('input');
  3. for(var i=0; i<inpList.length; i++){
  4.    if( inpList[i].getAttribute('type') == 'checkbox'){
  5.      inpList.checked = true;
  6.    }
  7. }
  8. }


et tu appeles ta fonction sur le click du ton bouton!
 
note: code non testé nor validé mais ça doit pas etre loin de marcher


Message édité par anapajari le 27-02-2006 à 12:00:14
n°1314431
gatsu35
Blablaté par Harko
Posté le 27-02-2006 à 15:32:19  profilanswer
 

code corrigé mais le principe était parfait :o

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 checkAll(){
  7.         var conteneur = document.getElementById("conteneur" );
  8.         var inpList = conteneur.getElementsByTagName("input" );
  9.         for(var i=0; i<inpList.length; i++){
  10.             if( inpList[i].type == "checkbox" ){
  11.                 inpList[i].checked = true;
  12.             }
  13.         }
  14.     }  
  15.     </script>
  16. </head>
  17. <body>
  18. <form>
  19. <fieldset id="conteneur">
  20. <input type="checkbox">
  21. <input type="checkbox">
  22. <input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox">
  23. </fieldset>
  24. <input type="button" onclick="checkAll()" value="check">
  25. </form>
  26. </body>
  27. </html>

n°1315024
schmur
Posté le 28-02-2006 à 09:08:48  profilanswer
 

j'ai testé hier soir le code anapajari et il marche très bien (faut juste mettre un inpList[i].checked = true) .  
Un grand merci je ne savais pas qu'on avait de telles possibiltés en javascript.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Résolu]liste de case à cocher

 

Sujets relatifs
[Resolu]Jeux2D besoin d aide couleur de transparence[Résolu] Requête SQL - doublons oui mais ..
[Résolu ?] Insertion d'un player dans une page php[RESOLU] Numéro du jour de la semaine
[VBScript] [RESOLU] fonction SPLIT[JSP] [résolu] cookie, plusieurs valeurs ?
[RESOLU]pb d'affichage dans IE avec diaporama en swf[resolu]comment ecrire dans un fichier,
[Résolu] MsSql : WHERE 1 ???[résolu] limitation de droits
Plus de sujets relatifs à : [Résolu]liste de case à cocher


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR