回答編集履歴
2
#eに対して変更チェックは入らない要件だったようなので、#eに対してクラスを外した
answer
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<input type="radio" name="typeR" id="b" class="inCheck" value="b">
|
|
12
12
|
<input type="checkbox" name="typeC" id="c" class="inCheck" value="c">
|
|
13
13
|
<input type="checkbox" name="typeC" id="d" class="inCheck" value="d">
|
|
14
|
-
<input type="text" name="typeT" id="e"
|
|
14
|
+
<input type="text" name="typeT" id="e" value="">
|
|
15
15
|
```
|
|
16
16
|
|
|
17
17
|
JavaScriptは下記のようにします。
|
1
id、eの存在が質問文にすでにあったため、修正
answer
CHANGED
|
@@ -12,17 +12,17 @@
|
|
|
12
12
|
<input type="checkbox" name="typeC" id="c" class="inCheck" value="c">
|
|
13
13
|
<input type="checkbox" name="typeC" id="d" class="inCheck" value="d">
|
|
14
14
|
<input type="text" name="typeT" id="e" class="inCheck" value="">
|
|
15
|
-
<!-- type="text"でもchangeイベント当てれることを提示するために、id="e"を用意 -->
|
|
16
15
|
```
|
|
17
16
|
|
|
18
17
|
JavaScriptは下記のようにします。
|
|
19
18
|
|
|
20
19
|
```javascript
|
|
21
20
|
const inputs = document.querySelectorAll('.inCheck');
|
|
21
|
+
const eInput = document.getElementById('e');
|
|
22
22
|
|
|
23
23
|
inputs.forEach(el=>{
|
|
24
24
|
el.addEventListener('change', function(){
|
|
25
|
-
|
|
25
|
+
eInput.value = "変更されました";
|
|
26
26
|
});
|
|
27
27
|
});
|
|
28
28
|
```
|