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 :

Nombre de radio boutons sélectionnés


Sujet :

JavaScript

  1. #1
    Membre habitué
    Femme Profil pro
    Étudiant
    Inscrit en
    Décembre 2015
    Messages
    12
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 27
    Localisation : France, Eure et Loir (Centre)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Décembre 2015
    Messages : 12
    Par défaut Nombre de radio boutons sélectionnés
    Bonjour,

    en javascript je dois récupérer le nombre de boutons radio sélectionnés et afficher un message si il est inférieur au nombre de radio existant (normalement au nombre de famille différente de radio mais je n'en suis pas là) le problème est que la fonction ne fonctionne pas et aucun message ne s'affiche voila le code
    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
    function checkNumberCheckedRadio(){
    	var nbcoche=0;
    	var nbradio=0;
    	var inputs=document.getElementsByTagName("input");
    	for (var i=0;i<=inputs.length;i++){
    		if (inputs[i].type=="radio"){
    			nbradio++;
    			if (inputs[i].checked=="true"){
    				nbcoche++;
    			}
    		}
    	}
    	if (nbcoche<nbradio){
    		window.alert("vous n'avez pas cocher "+(nbradio - nbcoche)+" boutton");
    	}
    }

  2. #2
    Expert confirmé
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 132
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 132
    Par défaut
    Salut

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    			if (inputs[i].checked===true){
    me semble t il.
    :whistle:pourquoi pas, pour remercier, un :plusser: pour celui/ceux qui vous ont dépannés.
    saut de ligne
    OOOOOOOOO👉 → → Ma page perso sur DVP ← ← 👈

  3. #3
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 100
    Par défaut
    Salut,

    Si ce n’est pas déjà fait, ouvre ta consoque avec F12 et exécute ces lignes une par une, en essayant de comprendre pourquoi tu obtiens ces résultats. Ce sont des indices qui t’aideront à comprendre ton problème et à le résoudre.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    typeof true
    typeof "true"
    true == "true"
    typeof document.getElementsByTagName("input")[0].checked
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  4. #4
    Membre habitué
    Femme Profil pro
    Étudiant
    Inscrit en
    Décembre 2015
    Messages
    12
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 27
    Localisation : France, Eure et Loir (Centre)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Décembre 2015
    Messages : 12
    Par défaut
    Si tu pense que le probleme vient des guillemet du true sache que j ai deja essayer de les enlever et sa marche pas plus

  5. #5
    Expert confirmé
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 132
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 132
    Par défaut
    Salut

    Ton code if (inputs[i].checked=="true"){.
    Mon codeif (inputs[i].checked===true){. trois caractères =, pour autant je ne prétend pas que c'est la solution
    :whistle:pourquoi pas, pour remercier, un :plusser: pour celui/ceux qui vous ont dépannés.
    saut de ligne
    OOOOOOOOO👉 → → Ma page perso sur DVP ← ← 👈

  6. #6
    Membre habitué
    Femme Profil pro
    Étudiant
    Inscrit en
    Décembre 2015
    Messages
    12
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 27
    Localisation : France, Eure et Loir (Centre)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Décembre 2015
    Messages : 12
    Par défaut
    Fonctionne pas non plus

  7. #7
    Membre Expert
    Homme Profil pro
    Inscrit en
    Octobre 2011
    Messages
    2 910
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Octobre 2011
    Messages : 2 910
    Par défaut
    Salut,

    En plus de ce qui a déjà été dit (true et non "true") il y a un problème dans la condition de la boucle for : for (var i=0;i<=inputs.length;i++)...

    Il ne faut pas mettre "<=" mais "<" comme ceci : for (var i = 0; i < inputs.length; i++)...

    PS : On peut se passer de la condition if (inputs[i].type == "radio") et de nbradio++; si dés le départ on cherche les input de type "radio" avec : var inputs = document.querySelectorAll("input[type=radio]");...

    Le nombre de bouton radio s'obtient alors avec : var nbradio = inputs.length ;

  8. #8
    Membre Expert
    Homme Profil pro
    Inscrit en
    Octobre 2011
    Messages
    2 910
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Octobre 2011
    Messages : 2 910
    Par défaut
    On peut raccourcir encore : le nombre de bouton coché peut s’obtenir avec var nbcoche = document.querySelectorAll("input[type=radio]:checked").length;...

    La fonction peut être raccourcie comme ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    function checkNumberCheckedRadio() {
        var nbradio = document.querySelectorAll("input[type=radio]").length;
        var nbcoche = document.querySelectorAll("input[type=radio]:checked").length;
        if (nbcoche < nbradio) {
            window.alert("vous n'avez pas cocher " + (nbradio - nbcoche) + " boutton");
        }
    }

  9. #9
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 100
    Par défaut
    Citation Envoyé par myst28 Voir le message
    Fonctionne pas non plus
    Ce genre de réponse est inutile. As-tu un message d’erreur dans la console ?
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  10. #10
    Membre habitué
    Femme Profil pro
    Étudiant
    Inscrit en
    Décembre 2015
    Messages
    12
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 27
    Localisation : France, Eure et Loir (Centre)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Décembre 2015
    Messages : 12
    Par défaut
    Un message d erreur non c est juste que la fenetre d alerte ne s ouvre pas

  11. #11
    Membre Expert
    Homme Profil pro
    Inscrit en
    Octobre 2011
    Messages
    2 910
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Octobre 2011
    Messages : 2 910
    Par défaut
    J'ai bien un message d'erreur qui se produit dans mes tests et c'est dû à ce que j'ai expliqué au début de mon message 7... Une fois que j'ai réglé ce problème le message (alert) s'affichait bien alors que ce n'était pas le cas avant...

    Mais bon apparemment vous n'avez pas tenu compte de cette correction et du coup votre problème ne risque pas de se régler...

  12. #12
    Membre habitué
    Femme Profil pro
    Étudiant
    Inscrit en
    Décembre 2015
    Messages
    12
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 27
    Localisation : France, Eure et Loir (Centre)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Décembre 2015
    Messages : 12
    Par défaut
    Merci c bon sa fonctionne (entre les erreurs et l ordinateur qui fonctionne mal sa vraiment etait galere)

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

Discussions similaires

  1. Vérification qu'un bouton radio est sélectionné
    Par mathieu dans le forum Téléchargez
    Réponses: 0
    Dernier message: 03/10/2011, 16h56
  2. Valeur d'un groupe de boutons radio non sélectionnés ??
    Par michaelbob dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 04/11/2005, 16h27
  3. Récupérer la valeur d'un radio bouton
    Par Batizme dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 14/01/2005, 11h33
  4. Radio-boutons
    Par akaii dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 01/12/2004, 10h44
  5. Réponses: 7
    Dernier message: 16/03/2004, 15h59

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