質問編集履歴

1

修正

2019/09/04 04:48

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -72,6 +72,160 @@
72
72
 
73
73
  ```
74
74
 
75
+
76
+
77
+ 出力後のhtml(複製した後)
78
+
79
+ ```html
80
+
81
+ <ul class="list_form type_wall" id="wall_paper1">
82
+
83
+ <li id="form_color_01" class="required">
84
+
85
+ <article>
86
+
87
+ <div class="ttl_form">
88
+
89
+ <p class="ttl">カラー</p>
90
+
91
+ </div>
92
+
93
+ <div class="cnt_form">
94
+
95
+ <div class="wrap_input">
96
+
97
+ <div class="wrap_radio">
98
+
99
+ <input type="hidden" name="wall_color[0]" value="">
100
+
101
+ <input type="radio" name="wall_color[0]" value="1" checked="checked" id="wall-color-0-1">
102
+
103
+ <label for="wall-color-0-1">
104
+
105
+ <div class="img"></div>
106
+
107
+ <span>ブルー</span>
108
+
109
+ </label>
110
+
111
+ <input type="radio" name="wall_color[0]" value="2" id="wall-color-0-2">
112
+
113
+ <label for="wall-color-0-2">
114
+
115
+ <div class="img"></div>
116
+
117
+ <span>レッド</span>
118
+
119
+ </label>
120
+
121
+ <input type="radio" name="wall_color[0]" value="3" id="wall-color-0-3">
122
+
123
+ <label for="wall-color-0-3">
124
+
125
+ <div class="img"></div>
126
+
127
+ <span>ブルーxパープル</span>
128
+
129
+ </label>
130
+
131
+ </div>
132
+
133
+ </div>
134
+
135
+ </div>
136
+
137
+ </article>
138
+
139
+ </li>
140
+
141
+ <li>
142
+
143
+ <div class="btnarea">
144
+
145
+ <a class="btn_add" id="add_wall">施工面を増やす</a>
146
+
147
+ </div>
148
+
149
+ </li>
150
+
151
+ </ul>
152
+
153
+ <ul class="list_form type_wall" id="wall_paper2">
154
+
155
+ <li id="form_color_01" class="required">
156
+
157
+ <article>
158
+
159
+ <div class="ttl_form">
160
+
161
+ <p class="ttl">カラー</p>
162
+
163
+ </div>
164
+
165
+ <div class="cnt_form">
166
+
167
+ <div class="wrap_input">
168
+
169
+ <div class="wrap_radio">
170
+
171
+ <input type="hidden" name="wall_color[1]" value>
172
+
173
+ <input type="radio" name="wall_color[1]" value checked="checked" id="wall-color-1-1">
174
+
175
+ <label for="wall-color-0-1">
176
+
177
+ <div class="img"></div>
178
+
179
+ <span>ブルー</span>
180
+
181
+ </label>
182
+
183
+ <input type="radio" name="wall_color[1]" value id="wall-color-1-2">
184
+
185
+ <label for="wall-color-0-2">
186
+
187
+ <div class="img"></div>
188
+
189
+ <span>レッド</span>
190
+
191
+ </label>
192
+
193
+ <input type="radio" name="wall_color[1]" value id="wall-color-1-3">
194
+
195
+ <label for="wall-color-0-3">
196
+
197
+ <div class="img"></div>
198
+
199
+ <span>ブルーxパープル</span>
200
+
201
+ </label>
202
+
203
+ </div>
204
+
205
+ </div>
206
+
207
+ </div>
208
+
209
+ </article>
210
+
211
+ </li>
212
+
213
+ <li>
214
+
215
+ <div class="btnarea">
216
+
217
+ <a class="btn_add" id="add_wall">施工面を増やす</a>
218
+
219
+ </div>
220
+
221
+ </li>
222
+
223
+ </ul>
224
+
225
+ ```
226
+
227
+
228
+
75
229
  ```jquery
76
230
 
77
231
  $('#add_wall').on('click', function () {