回答編集履歴
2
コード修正
test
CHANGED
|
@@ -30,4 +30,4 @@
|
|
|
30
30
|
|
|
31
31
|
* ラジオボタンの状態変更を `click` イベントでチェックすべきではありません。`click`イベントのイベントリスナーがすべて呼ばれた後にブラウザがチェック状態を変更します。`change` イベントを使うべきです。
|
|
32
32
|
|
|
33
|
-
* イベントのバブリングを利用して `document.addEventLisetner('c
|
|
33
|
+
* イベントのバブリングを利用して `document.addEventLisetner('change', ...)` すれば、`addEventLisetner()` は1つだけで済みます。
|
1
文言
test
CHANGED
|
@@ -16,8 +16,18 @@
|
|
|
16
16
|
|
|
17
17
|
```js
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
let radioButtons = document.querySelectorAll('input[type="radio"]');
|
|
20
20
|
|
|
21
21
|
```
|
|
22
22
|
|
|
23
|
-
で`aaa_check`
|
|
23
|
+
で`aaa_check` `bbb_check` `option_check` を1つの変数に入れてしまっても良いのでは。
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
----
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
* ラジオボタンの状態変更を `click` イベントでチェックすべきではありません。`click`イベントのイベントリスナーがすべて呼ばれた後にブラウザがチェック状態を変更します。`change` イベントを使うべきです。
|
|
32
|
+
|
|
33
|
+
* イベントのバブリングを利用して `document.addEventLisetner('click', ...)` すれば、`addEventLisetner()` は1つだけで済みます。
|