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 :

gestion des checkbox , debutant


Sujet :

JavaScript

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    245
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Janvier 2007
    Messages : 245
    Points : 87
    Points
    87
    Par défaut gestion des checkbox , debutant
    bonjour,
    je dois gérer 2 checBox, c est a dire possibilité de gérer soit l une ou l autre et les deux en même temps donc coché en même temps.

    j ai commence a faire ceci mais cela ne fonctionne pas :


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    function check() {
     
    var check = document.getElementById("toto1");
     
    	if  (check.checked) {			
    		document.getElementById("toto1").checked=false;
    	} else {
     
          	      document.getElementById("toto2").checked=true;
    	}
     
    }
    le souci c est que pour la chechbox2 soit coché, je dois re cliquer sur la checkbox1.

  2. #2
    Membre averti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Février 2007
    Messages
    340
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Transports

    Informations forums :
    Inscription : Février 2007
    Messages : 340
    Points : 350
    Points
    350
    Par défaut
    J'ai beau relire ton post plusieurs fois, je n'arrive vraiment pas a comprendre ce que tu veux faire...

  3. #3
    Membre régulier
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    245
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Janvier 2007
    Messages : 245
    Points : 87
    Points
    87
    Par défaut
    ben c est simple
    si tu check la la checkbox1 -> la checbox2 est décoché
    et inversement
    et possibilité de cocher les deux en même temps

  4. #4
    Membre averti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Février 2007
    Messages
    340
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Transports

    Informations forums :
    Inscription : Février 2007
    Messages : 340
    Points : 350
    Points
    350
    Par défaut
    C'est impossible ce que tu veux faire...

    Tu me dis :
    Si je coche la 1, ça décoche la 2.
    Si je coche la 2, ça décoche la 1.
    Mais c'est possible qu'on coche les 2...
    Comment je fais pour cocher les 2 si lorsque je clique sur une ça décoche l'autre ?

  5. #5
    Membre régulier
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    245
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Janvier 2007
    Messages : 245
    Points : 87
    Points
    87
    Par défaut
    effectivement le 3ieme choix est pas possible
    mais je n arrive pas à faire les deux premiers cas deja

  6. #6
    Membre régulier
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    245
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Janvier 2007
    Messages : 245
    Points : 87
    Points
    87
    Par défaut
    a la base, elle sont décochés toutes les deux dans le formulaire.
    et j aimerai deja faire soir coché 1 ou soit coché la deuxième

  7. #7
    Membre averti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Février 2007
    Messages
    340
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Transports

    Informations forums :
    Inscription : Février 2007
    Messages : 340
    Points : 350
    Points
    350
    Par défaut
    Ok

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    function checker()
    {
      if (document.getElementById("toto1").checked)
      {
        document.getElementById("toto2").checked=false;
      }
      else
      {
        document.getElementById("toto1").checked=true;
      }
    }
    Et sur tes checkbox tu mets
    au lieu d'un onclick


    Dans tous les cas, évite d'utiliser des noms identiques pour tes variables et tes fonctions. Egalement évite d'utiliser des noms qui risquent d'etre réservés, tels que "check"

  8. #8
    Membre régulier
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    245
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Janvier 2007
    Messages : 245
    Points : 87
    Points
    87
    Par défaut
    merci
    mais quand je clique sur la première, la deuxième se coche automatiquement, gros souci là.

  9. #9
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 641
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 641
    Points : 66 666
    Points
    66 666
    Billets dans le blog
    1
    Par défaut
    utilise de radios, pas des checkboxes:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <input type="radio" name="choix" value="1" id="choix_1" ><label for="choix_1">choix 1</label><br />
     
    <input type="radio" name="choix" value="2" id="choix_2" ><label for="choix_2">choix 2</label><br />
     
    <input type="radio" name="choix" value="3" id="choix_3" ><label for="choix_3">choix 1 et 2</label><br />

  10. #10
    Membre averti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Février 2007
    Messages
    340
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Transports

    Informations forums :
    Inscription : Février 2007
    Messages : 340
    Points : 350
    Points
    350
    Par défaut
    Effectivement, il y a une grosse erreur dans mon code.
    Mais Space' a raison, c'est beaucoup plus simple avec des boutons radios.

  11. #11
    Membre expérimenté
    Avatar de Jumano
    Profil pro
    Inscrit en
    Février 2007
    Messages
    1 163
    Détails du profil
    Informations personnelles :
    Âge : 56
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Février 2007
    Messages : 1 163
    Points : 1 595
    Points
    1 595
    Par défaut
    Si tu veux vraiment utiliser des checkbox, en reprenant l'exemple de SpaceFrog, et en utilisant 3 checkbox (car avec deux ce n'est pas possible) :
    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
     
    <script language="javascript" type="text/javascript">
    function checker(check1,check2,check3)
    {
      if (document.getElementById(check1).checked)
      {
        document.getElementById(check2).checked=false;
    	document.getElementById(check3).checked=false;
      }
    }
    </script>
     
    <input name="toto1" type="checkbox" id="toto1" onclick="checker('toto1','toto2','toto3');" value="1" />
    Choix 1 
    <input name="toto2" type="checkbox" id="toto2" onclick="checker('toto2','toto1','toto3');" value="2"/>
    Choix 2 
    <input name="toto3" type="checkbox" id="toto3" onclick="checker('toto3','toto1','toto2');" value="3" />
    Choix 1 + 2

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

Discussions similaires

  1. Gestion des CheckBox dans Visual Studio
    Par Taiby dans le forum Général VBA
    Réponses: 7
    Dernier message: 06/01/2011, 14h04
  2. Gestion des checkbox
    Par DevServlet dans le forum JSF
    Réponses: 0
    Dernier message: 22/07/2009, 17h01
  3. gestion des checkbox
    Par Viscapon dans le forum AWT/Swing
    Réponses: 14
    Dernier message: 30/04/2008, 17h39
  4. Gestion des checkbox en API32 ?
    Par pj69100 dans le forum MFC
    Réponses: 2
    Dernier message: 01/05/2006, 11h12

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