peLmeL.org
Accueil du site > peLmeL Blog > Bouts de code > Tout Cocher/Tout décocher en Javascript

Tout Cocher/Tout décocher en Javascript

mercredi 17 juin 2009, par Brice Favre


C’est vraiment galère quand on a pas de framework JS pour trouver un bout de code permettant de cocher l’ensemble des checkbox d’un formulaire. Voici un bout de code qui devrait répondre à toutes les situations. Je me suis inspiré de ce bout de code ci : http://www.developpez.net/forums/d26897/webmasters-developpement-web/html-dhtml-xhtml/cocher-check-box/

Fonction javascript chkAllBoxes

  1. var checkflag = "false";
  2.  
  3. function checkAllBoxes (fields) {
  4.   if (checkflag == "false") {
  5.     if (fields.length == undefined) {
  6.       fields.checked = true;
  7.     } else {
  8.       for (i = 0; i < fields.length; i++) {
  9.         fields[i].checked = true;
  10.      }
  11.     }
  12.     checkflag = "true";
  13.     return "Tout décocher";
  14.   } else {
  15.     if (fields.length == undefined) {
  16.       fields.checked = false;
  17.     } else {
  18.       for (i = 0; i < fields.length; i++) {
  19.         fields[i].checked = false;
  20.       }
  21.     }
  22.     checkflag = "false";
  23.     return "Tout cocher";
  24.   }
  25. }
Télécharger

Utilisation en HTML :

  1. <form id="idForm">
  2. <input type="checkbox" name="list[]"/>
  3. <input type="button" value="Tout cocher" onclick= "this.value=check(document.getElementById('idForm').elements['list[]'])" />
  4. </form>
Télécharger

Well Done !

Répondre à cet article

2 Messages de forum

  • Tout Cocher/Tout décocher en Javascript

    2 juillet 2009 13:22
    Il y a l’add ons checkall de firefox. Super pratique pour décocher tous les modules en 1 clic. https://addons.mozilla.org/en-US/firefox/addon/2708 Petit détail quand même, il n’est pas comaptible avec la nouvelle version de firefox.

    Voir en ligne : BioWebConseil

    Répondre à ce message

    • Plugins Firefox 2 juillet 2009 14:01, par Brice Favre

      Merci de ton commentaire.

      C’est effectivement une très bonne idée, et les add-ons permettant de remplir automatiquement des formulaires sont les bienvenues. Le problème ici est que le navigateur référence du client est IE est que l’on doit s’adapter à tous les visiteurs.

      Répondre à ce message


Suivre la vie du site RSS 2.0 | Plan du site | Espace privé | SPIP | squelette