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

  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 ...

  7. #7
    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
    qu'est qui est pas la meme chose.

    voila la fonction javascript que j'ai mis en place.
    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[1].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=0; i < temp; i++)
         { // on décoche tout
         document.formulaire.elements[i].checked=1;
         }
         }
    soit j'affiche tous les checkbox, soit j'efface tout alors que j'aimerais avoir le resultat que si je coche la case none ca efface les autres mais ca enfonse le clique sur none.
    mais comment faire

    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="formulaire" 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()"  />
    merci

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