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 :

fonction javascript decoche case checkbox


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    284
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 284
    Par défaut fonction javascript decoche case checkbox
    bonjour a tous
    je souhaiterais, ce serais quand on coche la case none, elle décoche toutes les autres. je ne vois pas comment adapté la fonction .
    en clair dés qu'on coche none, elle doit etre la seule coché et si d'autres ont était coché auparavant, elle sont decoché.

    mais comment arrivé a ce resultat?
    je n'y connais rien en javascript

    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
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
     
    <SCRIPT language="javascript" type="text/javascript">
         //////////////////////////////////////////////////////////////////////////////////////
         // function checkall()
         // cette fonction s'execute lorsqu'on clique sur la checkbox principale
         // elle passe en revue les checkbox et les coche si necessaire
         // la checkbox d'indice 0 est la checkbox principale
         // rem si ovus ajouter des element de formulaire, il faudra mofifier le script
         // car l'instruction : temp = document.main.elements.length; comptabilise
         // tous les elements et pas uniquement les checkbox...
         //////////////////////////////////////////////////////////////////////////////////////
         function checkall()
         {
         // compte tous les éléments du formulaire en numérotant chronologiquement
         temp = document.main.elements.length;
         if (document.main.elements[0].checked)
         { // si la case est cochée
         for (i=1; i < temp; i++)
         { // on coche toutes les autres
         document.main.elements[i].checked=1;
         }
         }
         else
         {
         for (i=1; i < temp; i++)
         { // on décoche tout
         document.main.elements[i].checked=0;
         }
         }
         }
         //////////////////////////////////////////////////////////////////////////////////////
         // function checkone()
         // cette fonction s'execute lorsqu'on coche ou décoche une checkbox qcq
         // elle fait le compte des checkbox cochée pour savoir s'il faut décocher
         // ou cocher la checkbox principale...
         //////////////////////////////////////////////////////////////////////////////////////
    finction verif_formulaire()
    { 
    m=0; // initialisation du nombre de cases cochées
         temp = document.formulaire.episode1.length;
         for (i=1; i < temp; i++)
         { // on commence à 1 pour ne pas prendre en compte la checkbox principale
         if (document.formulaire.elements[i].checked)
         { // si la checkbox courante est cochée, on comptabilise
         m++;
         }
         }
         if (document.formulaire.elements[0].checked)
         { // si la checkbox principale est cochée, on la décoche
         document.formulaire.elements[0].checked=0;
         }
         else
         { // dans le cas contraire, on vérifie que toutes les checkbox sont cochées
         if (m == (temp-1)) document.formulaire.elements[0].checked=1;
         }
      } 
         </SCRIPT>
    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
     
    <input type="checkbox" name="episode1" id="episode1"  value="The Mystery of the Mummy" onclick="verif_formulaire()" />The Mystery of the Mummy
    </p>
    <p>
    <input type="checkbox" name="episode2"  id="episode2" value="The Silver Earring" />The Silver Earring
    </p>
    <p>
    <input type="checkbox" name="episode3" id="episode3" value="The Awakened" />The Awakened
    </p>
    <p>
    <input type="checkbox" name="episode4"  id="episode4" value="Sherlock Holmes versus Arsene Lupin" />Sherlock Holmes versus Arsene Lupin
    </p>
    <p>
    <input type="checkbox" name="episode5" id="episode5" value="The Awakened (remastered edition)" />The Awakened (remastered edition)
    </p>
    <p>
    <input type="checkbox" name="episode6" id="episode6" value="None"   />None
    merci beaucoup

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    une petite recherche dans les Contributions ?

    A+

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    284
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 284
    Par défaut
    j'ai pas trouvé mon bonheur.
    si qqn avait la gentillesse de me montrer comment arriver a ce resultat, et le commenté....

    rappel:
    dés qu'on coche la case none, ca decoche toutes les autres case.

    le 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
     
    <input type="checkbox" name="episode1" id="episode1"  value="The Mystery of the Mummy"  />The Mystery of the Mummy
    </p>
    <p>
    <input type="checkbox" name="episode2"  id="episode2" value="The Silver Earring" />The Silver Earring
    </p>
    <p>
    <input type="checkbox" name="episode3" id="episode3" value="The Awakened" />The Awakened
    </p>
    <p>
    <input type="checkbox" name="episode4"  id="episode4" value="Sherlock Holmes versus Arsene Lupin" />Sherlock Holmes versus Arsene Lupin
    </p>
    <p>
    <input type="checkbox" name="episode5" id="episode5" value="The Awakened (remastered edition)" />The Awakened (remastered edition)
    </p>
    <p>
    <input type="checkbox" name="episode6" id="episode6" value="None" onclick="verif_formulaire()"  />None
    la fonction javascript: ne sais pas vraiment:
    une piste:
    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
     
    function verif_formulaire()
    {
    var adresse_email = document.formulaire.mail.value;
    var arobase = adresse_email.indexOf("@");
    var point = adresse_email.indexOf(".",arobase);
    var mauvais_endroit_point = arobase+1;
    var double_point = adresse_email.indexOf("..",arobase);
    var nbre_carac = adresse_email.length - point;
    var double_arobase = adresse_email.indexOf("@",arobase+1);
    var info='';
    var index=null;  
    var  temp = document.formulaire.elements.length;
         if (document.formulaire.elements[6].checked)
         { // si la case est cochée
         for (i=1; i < temp; i++)
         { // on coche toutes les autres
         document.formulaire.elements[i].checked=0;
         }
         }
         else
         {
         for (i=6; i < temp; i++)
         { // on décoche tout
         document.formulaire.elements[i].checked=0;
         }
         }
    merci d'avance

  4. #4
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par samspitz Voir le message
    j'ai pas trouvé mon bonheur.
    C'est une plaisanterie ?

    Je t'ai donné le lien direct sur le script qui fait ce que tu demandes

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    284
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 284
    Par défaut
    non, ce n'ai pas une plaisanterie.
    je ne vois pas comment adapté le script à mon cas.

    si on pouvait m'aidé, à me dire comment réussir cette étape, ce serait génial.

    merci pour tout.

  6. #6
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par samspitz Voir le message
    je ne vois pas comment adapté le script à mon cas.
    Ce qui n'est pas vraiment la même chose ...

Discussions similaires

  1. Récupérer value de chaque checkbox pour fonction JavaScript
    Par Florian_mbf dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 17/05/2013, 13h48
  2. [Dojo] Invisibilité d'une CheckBox crée dans une fonction javascript
    Par hapalemur dans le forum Bibliothèques & Frameworks
    Réponses: 2
    Dernier message: 05/06/2009, 15h41
  3. Réponses: 3
    Dernier message: 18/06/2007, 16h10
  4. Fonction Javascript de contrôle d'un input checkbox
    Par nice dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 14/03/2007, 16h33
  5. appel xmlservice via fonction javascript
    Par pram dans le forum XMLRAD
    Réponses: 2
    Dernier message: 06/05/2003, 14h24

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