IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Cochez toutes les cases d'un formulaire


Sujet :

JavaScript

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Septembre 2005
    Messages
    51
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2005
    Messages : 51
    Points : 40
    Points
    40
    Par défaut Cochez toutes les cases d'un formulaire
    Bonjour,

    J'ai un petit souci sur un formulaire, impossible d'écrire une fonction cochant toutes les cases le problème se situe dans l'attribut 'name' de mes checkbox...

    Voici le code de mes checkbox :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    echo "<td><input type='checkbox' name='cde[]' value='$num'/></td>";
    Les checkbox sont créees en boucle et portent donc toute le meme nom (cde[]) que je dois récupérer sous forme de tableau (d'où les []).

    Voici ma fonction javascript :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
     
    var checkflag = "false";
     
    function check(field) 
    {
        if (checkflag == "false") 
       {
          for (i = 0; i < field.length; i++) {
          field[i].checked = true;}
          checkflag = "true";
       }
       else 
       {
          for (i = 0; i < field.length; i++) {
          field[i].checked = false; }
          checkflag = "false";
       }
    }
    Et le bouton de déclenchement :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <input type="checkbox" onClick="this.value=check(this.form.cde[])"/>

    Lorsque je retire les [] sur le name des checkbox, ma fonction marche très bien. Mais j'en ai besoin pour récupérer les résultats....

    J'espère avoir été assez clair.

    Merci par avance

  2. #2
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 654
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 654
    Points : 11 149
    Points
    11 149
    Par défaut
    bonjour,

    fais une recherche par tagName :
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    var tabInput = document.getElementsByTagName("input");
    var n = tabInput.length;
    var i;
     
    for (i=0; i<n; i++)
    {
         if (tabInput[i].type.toLowerCase()=="checkbox")
         {
               if (!tabInput[i].checked) 
                  tabInput[i].checked = true;
         }
    }

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Septembre 2005
    Messages
    51
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2005
    Messages : 51
    Points : 40
    Points
    40
    Par défaut
    Merci beaucoup ca marche impeccable

    Bonne journée

  4. #4
    Membre du Club
    Profil pro
    Inscrit en
    Septembre 2005
    Messages
    51
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2005
    Messages : 51
    Points : 40
    Points
    40
    Par défaut
    Voici la fonction finale au passage

    Elle permet donc le cochage ou décochage de toute les checkbox du formulaire :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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
     
    var checkflag = "false";
     
    function Cochage()
    {
       var tabInput = document.getElementsByTagName("input");
       var n = tabInput.length;
       var i;
     
       if (checkflag == "false")
       {
          for (i=0; i<n; i++)
          {
             if (tabInput[i].type.toLowerCase()=="checkbox")
             tabInput[i].checked = true;
          }
          checkflag = "true";
       }
       else
       {
          for (i=0; i<n; i++)
          {
             if (tabInput[i].type.toLowerCase()=="checkbox")
             tabInput[i].checked = false;
          }
          checkflag = "false";
       }
    }
    Voilou

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Cocher toutes les cases à cocher d'un formulaire
    Par petitloup71 dans le forum Access
    Réponses: 12
    Dernier message: 14/09/2006, 11h37
  2. Réponses: 13
    Dernier message: 01/12/2005, 18h44
  3. cocher toutes les cases à cocher
    Par philippe123 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 01/09/2005, 19h13
  4. Récupérer toutes les cases à cocher
    Par psyco2604 dans le forum ASP
    Réponses: 7
    Dernier message: 14/10/2004, 11h54
  5. [VB.NET] Datagrid + CheckBox : Cocher toutes les cases
    Par sirex007 dans le forum ASP.NET
    Réponses: 5
    Dernier message: 24/05/2004, 16h33

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo