Discussion :

[mormic]

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

[mathieu]

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

[mormic]

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>

[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 :

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 ?

[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

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.