回答編集履歴
2
.
test
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
> Uncaught TypeError: Cannot read properties of null (reading 'parentElement')
|
|
2
2
|
|
|
3
|
-
`Qreform.addEventListener('click',` で登録したイベントリスナは、`Qreform` 内のあらゆる要素がクリックされたときに呼ばれます。つまり、`<select>` がクリックされたときも呼ばれます。`<select>` の処理もラジオボタンの処理もチェックボックスの処理も1つのイベントリスナでやってしまえばいいでしょう。
|
|
3
|
+
`Qreform.addEventListener('click',` で登録したイベントリスナは、`Qreform` 内のあらゆる要素がクリックされたときに呼ばれます。つまり、`<select>` がクリックされたときも呼ばれ、そのときは変数 `radio` が `null` になる可能性があります。click イベントリスナでラジオボタンがクリックされてないケースを除外してもいいですが、`<select>` の処理もラジオボタンの処理もチェックボックスの処理も1つのイベントリスナでやってしまえばいいでしょう。
|
|
4
4
|
例:
|
|
5
5
|
```js
|
|
6
6
|
Qreform.addEventListener('change', function(event) {
|
1
.
test
CHANGED
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
例:
|
|
5
5
|
```js
|
|
6
6
|
Qreform.addEventListener('change', function(event) {
|
|
7
|
-
if (e.target.name == "country") {
|
|
7
|
+
if (event.target.name == "country") {
|
|
8
8
|
// プルダウンの処理
|
|
9
|
-
} else if (e.target.name == "schedule") {
|
|
9
|
+
} else if (event.target.name == "schedule") {
|
|
10
10
|
// ラジオボタンの処理
|
|
11
|
-
} else if (e.target.name == "place") {
|
|
11
|
+
} else if (event.target.name == "place") {
|
|
12
12
|
// チェックボックスの処理
|
|
13
13
|
}
|
|
14
14
|
});
|