回答編集履歴
2
#eに対して変更チェックは入らない要件だったようなので、#eに対してクラスを外した
test
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
<input type="checkbox" name="typeC" id="d" class="inCheck" value="d">
|
|
26
26
|
|
|
27
|
-
<input type="text" name="typeT" id="e"
|
|
27
|
+
<input type="text" name="typeT" id="e" value="">
|
|
28
28
|
|
|
29
29
|
```
|
|
30
30
|
|
1
id、eの存在が質問文にすでにあったため、修正
test
CHANGED
|
@@ -26,8 +26,6 @@
|
|
|
26
26
|
|
|
27
27
|
<input type="text" name="typeT" id="e" class="inCheck" value="">
|
|
28
28
|
|
|
29
|
-
<!-- type="text"でもchangeイベント当てれることを提示するために、id="e"を用意 -->
|
|
30
|
-
|
|
31
29
|
```
|
|
32
30
|
|
|
33
31
|
|
|
@@ -40,13 +38,15 @@
|
|
|
40
38
|
|
|
41
39
|
const inputs = document.querySelectorAll('.inCheck');
|
|
42
40
|
|
|
41
|
+
const eInput = document.getElementById('e');
|
|
42
|
+
|
|
43
43
|
|
|
44
44
|
|
|
45
45
|
inputs.forEach(el=>{
|
|
46
46
|
|
|
47
47
|
el.addEventListener('change', function(){
|
|
48
48
|
|
|
49
|
-
e
|
|
49
|
+
eInput.value = "変更されました";
|
|
50
50
|
|
|
51
51
|
});
|
|
52
52
|
|