teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

ちょうせい

2019/11/26 00:35

投稿

yambejp
yambejp

スコア117906

answer CHANGED
@@ -15,4 +15,23 @@
15
15
  <br>
16
16
  <input type="submit">
17
17
  </form>
18
+ ```
19
+ ※もしくはチェックされているものを抜き出すのではなく
20
+ 単に2番めの値を拾いたいなら
21
+ ```javascript
22
+ <script>
23
+ window.addEventListener('DOMContentLoaded', ()=>{
24
+ document.querySelector('form').addEventListener('submit',e=>{
25
+ var student=Array.from(document.querySelectorAll('[name=student]'));
26
+ console.log(student[1].value); //0から始まるので1が2番目
27
+ });
28
+ });
29
+ </script>
30
+ <form>
31
+ あなたは学生ですか?<br>
32
+ <input type="radio" name="student" value="学生です">はい
33
+ <input type="radio" name="student" value="学生ではありません">いいえ
34
+ <br>
35
+ <input type="submit">
36
+ </form>
18
37
  ```