質問編集履歴

3

説明文の修正

2020/10/24 02:51

投稿

odennkunn
odennkunn

score16

test CHANGED
File without changes
test CHANGED
@@ -59,9 +59,3 @@
59
59
  また2度目の押下時にはラジオボタンの方は前回押下したボタンのvalueが出力され、チェックボックスも前回の押下した結果(2回目の押下した結果はtrue)が出力されます。 要は前回の結果が出力されるという感じです。
60
60
 
61
61
  これを1回目の押下から正しい挙動にするにはどうしたらいいのでしょうか。自分の知識不足だとはおもいますが、調べてもなかなか解決しなかったため、質問させていただきました。
62
-
63
-
64
-
65
- 追記
66
-
67
- ラジオボタンとチェックボックスどちらも押した際に、どちらの状態取得したいのですが、こちらも同じように上記のコードだと前回押下したvalueが出力されます。

2

質問の追記

2020/10/24 02:51

投稿

odennkunn
odennkunn

score16

test CHANGED
File without changes
test CHANGED
@@ -34,6 +34,8 @@
34
34
 
35
35
  console.log(hoge);
36
36
 
37
+ console.log($('[name=huga]').is(':checked'));
38
+
37
39
  });
38
40
 
39
41
 
@@ -46,6 +48,8 @@
46
48
 
47
49
  console.log(huge);
48
50
 
51
+ console.log($('[name=hoge]').val());
52
+
49
53
  });
50
54
 
51
55
  ```
@@ -55,3 +59,9 @@
55
59
  また2度目の押下時にはラジオボタンの方は前回押下したボタンのvalueが出力され、チェックボックスも前回の押下した結果(2回目の押下した結果はtrue)が出力されます。 要は前回の結果が出力されるという感じです。
56
60
 
57
61
  これを1回目の押下から正しい挙動にするにはどうしたらいいのでしょうか。自分の知識不足だとはおもいますが、調べてもなかなか解決しなかったため、質問させていただきました。
62
+
63
+
64
+
65
+ 追記
66
+
67
+ ラジオボタンとチェックボックスどちらも押した際に、どちらの状態取得したいのですが、こちらも同じように上記のコードだと前回押下したvalueが出力されます。

1

htmlの修正と文章の修正

2020/10/24 02:30

投稿

odennkunn
odennkunn

score16

test CHANGED
File without changes
test CHANGED
@@ -8,19 +8,19 @@
8
8
 
9
9
  <input type="radio" name="hoge" id="hoge1" value="hoge1">
10
10
 
11
- <label for="hoge1" class="hoge-label">
11
+ <label for="hoge1" class="hoge-label"></label>
12
12
 
13
13
 
14
14
 
15
15
  <input type="radio" name="hoge" id="hoge2" value="hoge2">
16
16
 
17
- <label for="hoge2" class="hoge-label">
17
+ <label for="hoge2" class="hoge-label"></label>
18
18
 
19
19
 
20
20
 
21
21
  <input type="checkbox" name="huga" id="huga" value="huga">
22
22
 
23
- <label for="huga" class="huge-label">
23
+ <label for="huga" class="huge-label"></label>
24
24
 
25
25
  ```
26
26
 
@@ -52,6 +52,6 @@
52
52
 
53
53
  このようにした時に、自分の想定では、ラジオボタンを押した時に、コンソールには押した方のvalueが出力され、チェックボックスを押した際には、trueが表示されると思っていたのですが、実際にはラジオボタンの方は1回目の押下時にはundefined、checkboxの方はfalseが出力されます。
54
54
 
55
- また2度目の押下時にはラジオボタンの方は前回押下したボタンのvalueが出力され、チェックボックスも前回の押下した結果(2回目の押下した結果はtrue)が出力されます。 要は2度目の押下以降に関しては前回の結果が出力されるという感じです。
55
+ また2度目の押下時にはラジオボタンの方は前回押下したボタンのvalueが出力され、チェックボックスも前回の押下した結果(2回目の押下した結果はtrue)が出力されます。 要は前回の結果が出力されるという感じです。
56
56
 
57
57
  これを1回目の押下から正しい挙動にするにはどうしたらいいのでしょうか。自分の知識不足だとはおもいますが、調べてもなかなか解決しなかったため、質問させていただきました。