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 :

Récupérer l'attribut value d'un input radio


Sujet :

JavaScript

  1. #1
    Membre régulier
    Homme Profil pro
    bricoleur
    Inscrit en
    octobre 2014
    Messages
    137
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activité : bricoleur
    Secteur : Alimentation

    Informations forums :
    Inscription : octobre 2014
    Messages : 137
    Points : 82
    Points
    82
    Par défaut Récupérer l'attribut value d'un input radio
    Bonsoir This.Forum,

    Je butte certainement sur la compréhension de ce qui suit.

    j'ai créé en HTML un fieldset avec des input radio ainsi:
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <fieldset class="volets_groupe">
                <legend>Sélection groupe</legend>
                <input type="radio" id="jardin" name="groupe" value="E" onchange="affGroupe()">
                <label for="jardin">Côté jardin</label>
                <input type="radio" id="rue"    name="groupe" value="D" onchange="affGroupe()">
                <label for="rue">Côté rue</label>
                <input type="radio" id="int"    name="groupe" value="A" onchange="affGroupe()">
                <label for="int">Tous Intérieur maison</label>
                <input type="radio" id="ext"    name="groupe" value="B" onchange="affGroupe()">
                <label for="ext">Tous Extérieur</label>
                <input type="radio" id="aucun"  name="groupe" checked="true" onchange="affGroupe()">
                <label for="aucun ">Pas de groupe</label>            
            </fieldset><br><br>

    Je désire ensuite après l'appui sur un bouton récupérer l'attribut 'value' de l' 'input' sélectionné par une fonction Javascript:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function transmit(){
                    let vManip = document.querySelector('input[name="manoeuvre"]:checked').id;   //trouve la manoeuvre
                    let vCommande = document.getElementById(vManip).value;
    Cela ne fonctionne pas. Si quelqu'un pouvait m'expliquer, cela me ferait avancer dans mon projet.
    Merci
    Michel

  2. #2
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    juin 2003
    Messages
    9 010
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juin 2003
    Messages : 9 010
    Points : 13 880
    Points
    13 880
    Par défaut
    vous avez name="manoeuvre" dans le sélecteur mais aucun élément ne correspond à cela dans le code html.

  3. #3
    Membre régulier
    Homme Profil pro
    bricoleur
    Inscrit en
    octobre 2014
    Messages
    137
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activité : bricoleur
    Secteur : Alimentation

    Informations forums :
    Inscription : octobre 2014
    Messages : 137
    Points : 82
    Points
    82
    Par défaut
    vous avez name="manoeuvre" dans le sélecteur mais aucun élément ne correspond à cela dans le code html.
    Oui mais je n'ai pas entré tous le HTML. Mon problème est plus général. Le code document.getElementById(xx).value ne semble pas fonctionné.
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <fieldset class="commandes">
                <legend>Commandes</legend>
                <input type="radio" id="ouv" name="manoeuvre" value="O">
                <label for="ouv">Ouverture</label>
                <input type="radio" id="fer" name="manoeuvre" value="F">
                <label for="fer">Fermeture</label>
                <input type="radio" id="dmo" name="manoeuvre" value="8">
                <label for="dmo">Demi-ouverture</label>
                <input type="radio" id="dmf" name="manoeuvre" value="9">
                <label for="dmf">Demi-fermeture</label>
                <input type="radio" id="arr" name="manoeuvre" value="C">
                <label for="arr">Arrêt manoeuvres en cours</label>
            </fieldset><br><br>

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    16 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 16 093
    Points : 40 918
    Points
    40 918
    Par défaut
    Bonjour,
    aucune raison que cela ne marche pas si les éléments existent bien avant l'appel de la fonction.
    Ceci est simple et tout à fait opérationnel
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function getValueChecked() {
      const elChecked = document.querySelector("[name='manoeuvre']:checked");
      console.log(elChecked.value);
    }
    après quel est ton vrai code, tant HTML que JS ?

  5. #5
    Membre régulier
    Homme Profil pro
    bricoleur
    Inscrit en
    octobre 2014
    Messages
    137
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activité : bricoleur
    Secteur : Alimentation

    Informations forums :
    Inscription : octobre 2014
    Messages : 137
    Points : 82
    Points
    82
    Par défaut
    Bonsoir

    En fait j'utilise VSCODE pour coder mon HTML et lorsque je saisissais ma ligne, le '.value' ne m'était pas proposé. Comme cela ne fonctionnait pas, j'en déduisais un peu rapidement que cette fonction ne fonctionnait pas! Après la remarque de NoSmoking
    aucune raison que cela ne marche pas si les éléments existent bien avant l'appel de la fonction.
    j'ai revérifié mon code et j'ai trouvé qu'une des variables que j'utilisais était déclarée dans une autre fonction; donc sa portée n'était pas bonne. Erreur de débutant !
    N'empêche que VSCODE ne me propose toujours pas '.value'. Mais c'est un détail.

    Merci à tous les contributeurs de ce forum.

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

Discussions similaires

  1. [2.x] Récupérer l'attribut value d'un champ de formulaire
    Par lhapaipai dans le forum Symfony
    Réponses: 3
    Dernier message: 31/07/2011, 09h51
  2. Réponses: 1
    Dernier message: 28/05/2011, 11h42
  3. Récupèrer l'attribut NAME d'un input suite a un onmouseover
    Par lusos dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 25/12/2008, 18h36
  4. Attribut value de input type=image sous IE
    Par Oluha dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 19/02/2007, 17h10
  5. [html:radio] attribut value non interprété
    Par nathalie2266 dans le forum Struts 1
    Réponses: 4
    Dernier message: 08/01/2007, 13h05

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