回答編集履歴
2
テキスト追加
answer
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
return false;
|
|
10
10
|
});
|
|
11
11
|
```
|
|
12
|
-
を、どのサブフォームのクリアボタンをクリック
|
|
12
|
+
を、どのサブフォームのクリアボタンをクリックしたときも意図した動作をするように修正していけばよいかと思います。その際に、HTMLのほうもより良い形にしていく作業が発生するかもしれませんが、このご質問では、HTMLのほうの組み方（要素の階層構造）やidのフォーマット等を変更しなくてもjavascriptのコード修正のみで（とりあえずは）済ませることができるので、その修正手順を示します。
|
|
13
13
|
|
|
14
14
|
上記の サブフォーム`#form1` をリセットするコードを以下のように修正します。
|
|
15
15
|
|
1
テキスト追加
answer
CHANGED
|
@@ -72,4 +72,11 @@
|
|
|
72
72
|
といった改善の余地があり、これらの改善に合わせてjavascriptのコードのほうも見通しが良くなっていくと思います。
|
|
73
73
|
|
|
74
74
|
|
|
75
|
-
以上、参考になれば幸いです。
|
|
75
|
+
以上、参考になれば幸いです。
|
|
76
|
+
|
|
77
|
+
### 補足
|
|
78
|
+
|
|
79
|
+
上記に回答した修正後のコードによって、サブフォームが何個あっても対応できます。以下はサブフォームが３０個ある例です。
|
|
80
|
+
|
|
81
|
+
- **サブフォームが30個ある場合:**
|
|
82
|
+
[https://codepen.io/jun68ykt/pen/oNXdQLJ?editors=1010](https://codepen.io/jun68ykt/pen/oNXdQLJ?editors=1010)
|