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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Liens "Select all - Deselect all" et liste de cases à cocher

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Liens "Select all - Deselect all" et liste de cases à cocher

n°1322524
Buzz cola
Posté le 10-03-2006 à 10:15:35  profilanswer
 

Bonjour,
 
J'ai une liste de cases à cocher que je voudrais pouvoir sélectionner ou déselectionner en bloc grâce respectivement à un lien "Select all - Deselect all".
Mais je ne vois pas comment faire...
 
Pouvez-vous m'aider ?
 
Un grand merci d'avance,
 
 
Buzz cola

mood
Publicité
Posté le 10-03-2006 à 10:15:35  profilanswer
 

n°1322538
anapajari
s/travail/glanding on hfr/gs;
Posté le 10-03-2006 à 10:31:11  profilanswer
 

une recherche rapide sur google et tu devrais trouver 300 liens.
 
Sur ce forum, également. Ne serait-ce que le topic à peine plus: http://forum.hardware.fr/hardwaref [...] 6160-1.htm
 
Et si jamais tu avais envie de tout faire tout seul, tu vas avoir besoin de deux trucs:
- getElementsByTagName
- getAttribute

n°1323590
Buzz cola
Posté le 12-03-2006 à 11:28:05  profilanswer
 

Bonjour,
 
Concernant la question précédente, voici ce que j'ai trouvé comme solution qui fonctionne bien:
 
<SCRIPT LANGUAGE="JavaScript">
 
function checkAll()  
{
for (var j = 1; j <= 5; j++)  
 {
 box = eval("document.checkboxform.cb" + j);  
 if (box.checked == false) box.checked = true;
    }
}
 
function uncheckAll()  
{
 for (var j = 1; j <= 5; j++)  
 {
 box = eval("document.checkboxform.cb" + j);  
 if (box.checked == true) box.checked = false;
 }
}
 
</script>
 
 
<form name=checkboxform>
  <p>
    <input type=checkbox name=cb1 checked>
    Case1<br>
    <input type=checkbox name=cb2 checked>
    Case2<br>
    <input type=checkbox name=cb3 checked>
    Case3<br>
    <input type=checkbox name=cb4 checked>
    Case4<br>
    <input type=checkbox name=cb5 checked>
    Case5<br>
    <br>
  </p>
  <p><a href="#" onClick="checkAll()">Select all</a> - <a href="#" onClick="uncheckAll()">Deselect all</a> <br>
    </p>
</form>
 
 
Cependant, j'ai un petit souci car j'ai un formulaire distinct pour chacune des checkboxes. Je ne peux pas créer un formulaire commun car chaque entrée de ma liste de contacts renvoie vers une fiche différente, d'où la nécessité d'avoir une liste de formulaire pour envoyer le contenu des différents autres inputs.
 
Comment faire pour pouvoir quand même cocher/décocher toutes les cases ?
 
Merci d'avance,
 
Buzz cola

n°1323981
anapajari
s/travail/glanding on hfr/gs;
Posté le 13-03-2006 à 09:42:54  profilanswer
 

A peu près comme je t'ai dit ... avec getElementsByTagName et getAttribute :o  
Vite fait ça donne:

Code :
  1. function checkAll(){
  2. var inpList = document.getElementsByTagName('input');
  3. for (var i=0; i<inpList.lenght; i++){
  4.    if ( inpList[i].getAttribute('type') == 'checkbox'){
  5.      // la ligne du dessous c'est pur DOM mais je suis pas sur que ça marche sur 100% des navigateurs
  6.      inpList[i].setAttribute('checked', 'checked');
  7.      // si ça marche pas utilises celle la:
  8.      //inpList[i].checked = 'checked';
  9.    }
  10. }
  11. }

n°1323999
gatsu35
Blablaté par Harko
Posté le 13-03-2006 à 10:05:38  profilanswer
 

question vue et revue des dizaines de fois et anapajari et moi avons donné plusieurs solutions :  
http://forum.hardware.fr/hardwaref [...] m#t1322497

n°1324005
anapajari
s/travail/glanding on hfr/gs;
Posté le 13-03-2006 à 10:10:18  profilanswer
 

gatsu35 a écrit :

question vue et revue des dizaines de fois et anapajari et moi avons donné plusieurs solutions :  
http://forum.hardware.fr/hardwaref [...] m#t1322497


la dernière fois j'avais merdé mon code, et tu m'avais fort justement corrigé... Maintenant je le connais par coeur ;)

n°1324022
gatsu35
Blablaté par Harko
Posté le 13-03-2006 à 10:46:54  profilanswer
 

anapajari a écrit :

la dernière fois j'avais merdé mon code, et tu m'avais fort justement corrigé... Maintenant je le connais par coeur ;)


ET pourtant le pire dans tout ça, c'est que je suis loin de devoir tedonner des leçons en JS, c'est plutôt toi qui m'en donnerais

n°1324040
anapajari
s/travail/glanding on hfr/gs;
Posté le 13-03-2006 à 11:25:21  profilanswer
 

on arrete les fleurs le lundi, après je me sens plus pété toute la semaine ;)
Et puis de toute façon, s'pas vrai...


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

  Liens "Select all - Deselect all" et liste de cases à cocher

 

Sujets relatifs
enlever les parenthèses dans un liste de n° de télListe déroulante et champ texte activable/désactivable
Couleur de liens visités et IE[C] dépendance croisée à l'édition des liens -> symboles inconnus...
parcours liste elements dans un formulaireEnvoyer un mail a toute une liste d'adresse de la base de dommées ?
[PERL] Problème avec tableaux / liste imbiqués[RESOLU] PROB liste chainée d'objet push_back()
[PHP5] fonction qui liste les paramètres d'une méthode de classe[VBA-W] Selection.Range.Select !!!???
Plus de sujets relatifs à : Liens "Select all - Deselect all" et liste de cases à cocher


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