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

Version imprimable

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:

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:

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

19/06/2022, 20h17
mathieu

vous avez name="manoeuvre" dans le sélecteur mais aucun élément ne correspond à cela dans le code html.

Citation:

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:

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>

20/06/2022, 11h08
NoSmoking
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:

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 ?
20/06/2022, 19h36
mormic

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

Citation:

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 !:roll:
N'empêche que VSCODE ne me propose toujours pas '.value'. Mais c'est un détail.

Merci à tous les contributeurs de ce forum.