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

回答編集履歴

2

コード修正

2021/06/23 01:29

投稿

int32_t
int32_t

スコア21933

answer CHANGED
@@ -14,4 +14,4 @@
14
14
  ----
15
15
 
16
16
  * ラジオボタンの状態変更を `click` イベントでチェックすべきではありません。`click`イベントのイベントリスナーがすべて呼ばれた後にブラウザがチェック状態を変更します。`change` イベントを使うべきです。
17
- * イベントのバブリングを利用して `document.addEventLisetner('click', ...)` すれば、`addEventLisetner()` は1つだけで済みます。
17
+ * イベントのバブリングを利用して `document.addEventLisetner('change', ...)` すれば、`addEventLisetner()` は1つだけで済みます。

1

文言

2021/06/23 01:29

投稿

int32_t
int32_t

スコア21933

answer CHANGED
@@ -7,6 +7,11 @@
7
7
 
8
8
 
9
9
  ```js
10
- var aaa_bbb_radio = document.querySelectorAll('input[type="radio"]');
10
+ let radioButtons = document.querySelectorAll('input[type="radio"]');
11
11
  ```
12
- で`aaa_check``bbb_check`を1つの変数に入れてしまっても良いのでは。
12
+ で`aaa_check` `bbb_check` `option_check` を1つの変数に入れてしまっても良いのでは。
13
+
14
+ ----
15
+
16
+ * ラジオボタンの状態変更を `click` イベントでチェックすべきではありません。`click`イベントのイベントリスナーがすべて呼ばれた後にブラウザがチェック状態を変更します。`change` イベントを使うべきです。
17
+ * イベントのバブリングを利用して `document.addEventLisetner('click', ...)` すれば、`addEventLisetner()` は1つだけで済みます。