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