回答編集履歴

2

テキスト追加

2020/03/17 19:30

投稿

jun68ykt
jun68ykt

スコア9058

test CHANGED
@@ -20,7 +20,7 @@
20
20
 
21
21
  ```
22
22
 
23
- を、どのサブフォームのクリアボタンをクリックされても意図した動作をするようにしていけばよいかと思います。その作業途上で、HTMLのほうもより良い形にしていく作業が発生するかもしれませんが、このご質問では、HTMLのほうの組み方(要素の階層構造)やidのフォーマット等を変更しなくてもjavascriptのほうのコード修正のみで(とりあえずは)済ませることができるので、その修正手順を示します。
23
+ を、どのサブフォームのクリアボタンをクリックしたときも意図した動作をするように修正していけばよいかと思います。その際に、HTMLのほうもより良い形にしていく作業が発生するかもしれませんが、このご質問では、HTMLのほうの組み方(要素の階層構造)やidのフォーマット等を変更しなくてもjavascriptのコード修正のみで(とりあえずは)済ませることができるので、その修正手順を示します。
24
24
 
25
25
 
26
26
 

1

テキスト追加

2020/03/17 19:30

投稿

jun68ykt
jun68ykt

スコア9058

test CHANGED
@@ -147,3 +147,17 @@
147
147
 
148
148
 
149
149
  以上、参考になれば幸いです。
150
+
151
+
152
+
153
+ ### 補足
154
+
155
+
156
+
157
+ 上記に回答した修正後のコードによって、サブフォームが何個あっても対応できます。以下はサブフォームが30個ある例です。
158
+
159
+
160
+
161
+ - **サブフォームが30個ある場合:**
162
+
163
+ [https://codepen.io/jun68ykt/pen/oNXdQLJ?editors=1010](https://codepen.io/jun68ykt/pen/oNXdQLJ?editors=1010)