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 :

Désactivation d'un bouton selon des checkbox


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Inscrit en
    Octobre 2008
    Messages
    16
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 16
    Points : 7
    Points
    7
    Par défaut Désactivation d'un bouton selon des checkbox
    Hello !

    Voilà, j'ai un soucis.

    Mais d'abord, j'ai ça :

    Un bouton Valider
    Deux CheckBox

    Je reviens à mon soucis, qui est : désactiver (griser) le bouton Valider si aucune des deux CheckBox n'est checkée.

    Dans mon .aspx.vb, j'ai :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    If (Not BtnValiderEntree.Checked And Not BtnValiderSortie.Checked) Then
    BtnValider.Disabled = True
    End If
    Qui ne fonctionne pas (peut-être que j'l'ai mal écrit aussi).

    Du coup je tente en .js !

    J'en suis à :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    function DesactiverValider()
    {
       var check1 = document.GetElementById("BtnValiderEntree"); //checkbox1
       var check2 = document.GetElementById("BtnValiderSortie");  //checkbox2
       var BoutonValider = document.GetElementById("BtnValider");
     
       if ()
           {
           }
     
    }
    Donc mon soucis principal étant, pour le moment, de ne pas savoir écrire qu'une checkbox est pas checkée :/ En gros, à quoi correspond le "if not" en js ?

    Comment que je fais ?

    (Je continue de chercher en parallèle à ce post, évidemment)

  2. #2
    Futur Membre du Club
    Inscrit en
    Octobre 2008
    Messages
    16
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 16
    Points : 7
    Points
    7
    Par défaut
    Transformatioooooooooon ! :

    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
    function DesactiverValider()
    {
       var check1 = document.GetElementById("BtnValiderEntree"); //checkbox1
       var check2 = document.GetElementById("BtnValiderSortie"); //checkbox2
       var BoutonValider = document.GetElementById("BtnValider");
     
       if (check1.checked || check2.checked) 
         {
            BoutonValider.enabled=true;
         }
       Else
         {
            BoutonValider.enabled=false;
         }
    }
    J'appelle cette fonction sur le "onclick" de mes deux checkbox, mais j'ai un message d'erreur : "Cet objet ne gère pas cette propriété ou cette méthode"...

  3. #3
    Rédacteur
    Avatar de bigboomshakala
    Homme Profil pro
    Consultant Web .NET
    Inscrit en
    Avril 2004
    Messages
    2 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Consultant Web .NET
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2004
    Messages : 2 077
    Points : 2 757
    Points
    2 757
    Par défaut
    salut,

    cette fonction est à appeler sur le onclick de tes checkbox.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    function DesactiverValider()
    {
       var check1 = document.GetElementById("BtnValiderEntree"); //checkbox1
       var check2 = document.GetElementById("BtnValiderSortie"); //checkbox2
       var BoutonValider = document.GetElementById("BtnValider");
     
       BoutonValider.enabled=check1.checked || check2.checked;
    }

  4. #4
    Futur Membre du Club
    Inscrit en
    Octobre 2008
    Messages
    16
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 16
    Points : 7
    Points
    7
    Par défaut
    Ha mince, j'éditais pendant que tu répondais !

    Je vais tenter ça alors, merci !

    Edit :

    J'ai pas d'erreur ce coup ci, mais ça ne désactive pas mon bouton :/

    Ha ouais, mince. Relou cette casse... Mais même avec getElementById ça fonctionne pas... Je désespère avec ce bouton !

  5. #5
    Rédacteur
    Avatar de bigboomshakala
    Homme Profil pro
    Consultant Web .NET
    Inscrit en
    Avril 2004
    Messages
    2 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Consultant Web .NET
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2004
    Messages : 2 077
    Points : 2 757
    Points
    2 757
    Par défaut
    syntaxe
    GetElementById getElementById

  6. #6
    Futur Membre du Club
    Inscrit en
    Octobre 2008
    Messages
    16
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 16
    Points : 7
    Points
    7
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    function DesactiverValider()
    {
       var check1 = document.getElementById("BtnValiderEntree"); //checkbox1
       var check2 = document.getElementById("BtnValiderSortie"); //checkbox2
       var BoutonValider = document.getElementById("BtnValider");
     
       BoutonValider.enabled=check1.checked || check2.checked;
    }
    Ne fonctionne pas non plus, même en respectant la casse, à moins que j'ai fait d'autres fautes.

    Mon bouton est toujours là, et on peut appuyer dessus :/

  7. #7
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    BoutonValider.disabled=check1.checked || check2.checked;

  8. #8
    Futur Membre du Club
    Inscrit en
    Octobre 2008
    Messages
    16
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 16
    Points : 7
    Points
    7
    Par défaut
    HAAAAA ! Presque oui !

    Mais là, ça me le grise même quand une des deux checkbox est cochée, alors qu'il doit être grisé quand les deux sont décochées :/

    Donc je peux continuer avec le BtnValider.disabled, mais après comment j'écris la condition "aucun des deux checkbox cochée" ?

    (en fait ça revient presque à une question du premier post, qui était le "if not" en js ;x)

  9. #9
    Futur Membre du Club
    Inscrit en
    Octobre 2008
    Messages
    16
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 16
    Points : 7
    Points
    7
    Par défaut
    En fait il me faut tout le contraire de ça :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    BoutonValider.disabled=check1.checked & check2.checked;

  10. #10
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    BoutonValider.disabled=!(check1.checked && check2.checked);

  11. #11
    Expert éminent sénior

    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
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    Citation Envoyé par Bovino Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    BoutonValider.disabled=!(check1.checked && check2.checked);

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    BoutonValider.disabled=!(check1.checked || check2.checked);


    A+

  12. #12
    Futur Membre du Club
    Inscrit en
    Octobre 2008
    Messages
    16
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 16
    Points : 7
    Points
    7
    Par défaut
    Ouais !

    C'est un mix tout ça :p

    Now ça me le désactive quand les deux sont décochées ET aussi quand une des deux est décochée !

    Nous approchons du but ! Je tente des trucs !

    Edit : Je fais que poster pendant que vous postez aussi, du coup, je vais tester la solution de Bzz !

    EDIT FINAL : Alleluia mes frères ! Ça fonctionne ! Merci bien ! J'avoue que mes nerfs ont lâché au point de me faire rire de cette petite galère. C'est drôle quand on a jamais fait de js !

    Merci encore ! Et à la prochaine ! Bonne soirée all !

  13. #13
    Expert éminent sénior

    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
    Points : 36 571
    Points
    36 571
    Par défaut
    Oups !
    C'était bien celui-là :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    BoutonValider.disabled=!(check1.checked && check2.checked);
    Mal lu

    Désolé Bovino

    A+

  14. #14
    Futur Membre du Club
    Inscrit en
    Octobre 2008
    Messages
    16
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 16
    Points : 7
    Points
    7
    Par défaut
    Non, le tien fonctionne comme il me faut E Bzz xD

    Il faut que mon bouton soit désactivé quand aucune checkbox n'est cochée. Donc j'avoue ne plus réussir à suivre ma fonction au bout de 4 heures de & et de | partout.

    Mais pas grave, ça fonctionne !

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

Discussions similaires

  1. cacher bouton selon des fonctionnalités
    Par ekremyilmaz dans le forum JSF
    Réponses: 2
    Dernier message: 19/07/2010, 11h27
  2. [XL-2003] activer les boutons selon des évènements
    Par doudou8mc dans le forum Macros et VBA Excel
    Réponses: 4
    Dernier message: 24/11/2009, 15h07
  3. Faire une requête pour Access selon des Checkbox
    Par Invit-é dans le forum VB 6 et antérieur
    Réponses: 2
    Dernier message: 26/06/2007, 16h57
  4. Réponses: 44
    Dernier message: 19/10/2005, 10h54
  5. Réponses: 10
    Dernier message: 10/05/2005, 11h35

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