73633


本来フォームに囲まれた中なら下記のコードでチェックされた値を取得出来るのですが、おそらくnav, Ul, li
等を使用しているので上手く取得出来ないのでしょうか？

[code]

    let DOM = {}
    DOM.languageInputs = document.querySelectorAll('.language input[name="country"]')
    
    console.log(DOM.languageInputs.value);
[/code]

[code]

    <form onsubmit="return false" autocomplete="off">
     <div class="song__language">
         <nav class="language">
             <ul>
                 <li>
           <input type="radio" id="EN" name="country" value="1" checked="checked">
           <label for="EN">English</label>
         </li>
                    <li>
            <input type="radio" id="JPN" name="country" value="2">
            <label for="JPN">日本語</label>
           </li>
                    </ul>
                </nav>
     </div>
     </form>
               
[/code]


CC BY-SA 4.0
2021-01-28T06:03:12.710
73630
2021-01-28T06:40:02.630
2021-01-28T06:09:30.567
3060
22565
question
javascript html html5
formで囲ったラジオボタンから選択された値を取り出したい


`querySelectorAll()`で返るのは配列のようなオブジェクトで、`value`というプロパティはありません。

`querySelector*()`がお好きなら、

[code]

    DOM.languageInputs = document.querySelector('.language input[name="country"]:checked');`
    
[/code]

と変えれば `DOM.languageInputs.value` で目的の値が得られます。

囲っている`<form>`が変数`form1`に入っているとすると、`form1.country.value` でも同様の結果が得られます。


CC BY-SA 4.0
2021-01-28T06:40:02.630
73633
2021-01-28T06:40:02.630
3475
73630
answer