0

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

let DOM = {}
DOM.languageInputs = document.querySelectorAll('.language input[name="country"]')

console.log(DOM.languageInputs.value);
<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>
           

1
  • 「本来フォームに囲まれた中なら下記のコードでチェックされた値を取得出来る」とありますが、それを実現できるコードは書けますか?
    – keitaro_so
    Commented 2021年1月28日 6:13

1 件の回答 1

0

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

querySelector*()がお好きなら、

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

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

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

1
  • 上手くいきました。ありがとうございます。質問してよかったです。
    – wataru
    Commented 2021年1月28日 7:25

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。