質問編集履歴

4

更新画面から戻流と他の選択肢が消えるので、その場面の画像をアップしました。

2019/07/06 15:53

投稿

kii.32
kii.32

スコア67

test CHANGED
File without changes
test CHANGED
@@ -347,3 +347,11 @@
347
347
  ![お問い合わせ確認画面](a28cf1d0a9dee47a01caf49d08a2f925.png)
348
348
 
349
349
  →この確認画面でチェックボックス(ラジオボタン)および、選択していない文字(bを選択していたら、それ以外のacd)を非表示にしたいです。
350
+
351
+
352
+
353
+
354
+
355
+ ![確認画面から戻ったページです。](326b82a37f796c2b49f7d19b5bf33ea6.png)
356
+
357
+ 戻ると他の選択肢が消えてしまいます。。。

3

タイトルを詳細にしました

2019/07/06 15:52

投稿

kii.32
kii.32

スコア67

test CHANGED
@@ -1 +1 @@
1
- コンタクトフォーム 7 確認画面
1
+ コンタクトフォーム 7 Contact Form 7 add confirm 確認画面でチェックしていないチェックボックスを非表示にしたい
test CHANGED
File without changes

2

どれがどのコードかを追記しました。

2019/07/06 03:15

投稿

kii.32
kii.32

スコア67

test CHANGED
File without changes
test CHANGED
@@ -26,6 +26,16 @@
26
26
 
27
27
 
28
28
 
29
+
30
+
31
+
32
+
33
+
34
+
35
+ コンタクトフォーム 7のコード⬇︎
36
+
37
+
38
+
29
39
  ```コンタクトフォーム 7のコード
30
40
 
31
41
  <div class="contactBlock">
@@ -66,6 +76,14 @@
66
76
 
67
77
 
68
78
 
79
+
80
+
81
+
82
+
83
+ お問い合わせ画面のページソース⬇︎
84
+
85
+
86
+
69
87
  ```お問い合わせ画面のページソース
70
88
 
71
89
  <div class="mainContents">
@@ -196,6 +214,8 @@
196
214
 
197
215
 
198
216
 
217
+ 確認画面のページソース⬇︎
218
+
199
219
 
200
220
 
201
221
  ```確認画面のページソース

1

お問い合わせ画面、確認画面のソースコードを追記しました。

2019/07/06 03:06

投稿

kii.32
kii.32

スコア67

test CHANGED
File without changes
test CHANGED
@@ -12,8 +12,318 @@
12
12
 
13
13
  の項目は削除するといった実装です。
14
14
 
15
- これはJSで動いているのでしょうか。
16
-
17
15
 
18
16
 
19
17
  https://www.kyotokango.ac.jp/request/
18
+
19
+
20
+
21
+ Contact Form 7 add confirmのプラグインで確認画面を作っています。
22
+
23
+
24
+
25
+
26
+
27
+
28
+
29
+ ```コンタクトフォーム 7のコード
30
+
31
+ <div class="contactBlock">
32
+
33
+ <dl>
34
+
35
+ <dt>hogehoge</dt>
36
+
37
+ <dd>[checkbox* checkbox-9 "a" "b" "c" "d"]</dd>
38
+
39
+ </dl>
40
+
41
+
42
+
43
+ <dl>
44
+
45
+ <dt>hogehogehoge</dt>
46
+
47
+ <dd>[radio radio-869 default:1 "radio1" "radio2"]</dd>
48
+
49
+ </dl>
50
+
51
+
52
+
53
+ <div class="btns"> [confirm id:conformbtn "確認画面へ"]</div>
54
+
55
+ <div class="formbtn">[back id:backbtn "戻る"][submit id:formbtn "送信"]</div>
56
+
57
+ </div>
58
+
59
+ ```
60
+
61
+
62
+
63
+
64
+
65
+
66
+
67
+
68
+
69
+ ```お問い合わせ画面のページソース
70
+
71
+ <div class="mainContents">
72
+
73
+ <article id="post-18" class="page post-18 type-page status-publish hentry">
74
+
75
+ <h1 class="type-A">お問い合わせ</h1>
76
+
77
+ <section class="content">
78
+
79
+ <div role="form" class="wpcf7" id="wpcf7-f32-p18-o1" lang="ja" dir="ltr">
80
+
81
+ <div class="screen-reader-response"></div>
82
+
83
+ <form action="/contact/#wpcf7-f32-p18-o1" method="post" class="wpcf7-form" novalidate="novalidate">
84
+
85
+ <div style="display: none;">
86
+
87
+ <input type="hidden" name="_wpcf7" value="32" />
88
+
89
+ <input type="hidden" name="_wpcf7_version" value="5.1.3" />
90
+
91
+ <input type="hidden" name="_wpcf7_locale" value="ja" />
92
+
93
+ <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f32-p18-o1" />
94
+
95
+ <input type="hidden" name="_wpcf7_container_post" value="18" />
96
+
97
+ </div>
98
+
99
+ <div class="contactBlock">
100
+
101
+ <dl>
102
+
103
+ <dt>hogehoge</dt>
104
+
105
+ <dd><span class="wpcf7-form-control-wrap checkbox-9"><span
106
+
107
+ class="wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required"><span
108
+
109
+ class="wpcf7-list-item first"><input type="checkbox" name="checkbox-9[]"
110
+
111
+ value="a" /><span class="wpcf7-list-item-label">a</span></span><span
112
+
113
+ class="wpcf7-list-item"><input type="checkbox" name="checkbox-9[]"
114
+
115
+ value="b" /><span class="wpcf7-list-item-label">b</span></span><span
116
+
117
+ class="wpcf7-list-item"><input type="checkbox" name="checkbox-9[]"
118
+
119
+ value="c" /><span class="wpcf7-list-item-label">c</span></span><span
120
+
121
+ class="wpcf7-list-item last"><input type="checkbox" name="checkbox-9[]"
122
+
123
+ value="d" /><span
124
+
125
+ class="wpcf7-list-item-label">d</span></span></span></span></dd>
126
+
127
+ </dl>
128
+
129
+ <dl>
130
+
131
+ <dt>hogehogehoge</dt>
132
+
133
+ <dd><span class="wpcf7-form-control-wrap radio-869"><span
134
+
135
+ class="wpcf7-form-control wpcf7-radio"><span
136
+
137
+ class="wpcf7-list-item first"><input type="radio" name="radio-869"
138
+
139
+ value="radio1" checked="checked" /><span
140
+
141
+ class="wpcf7-list-item-label">radio1</span></span><span
142
+
143
+ class="wpcf7-list-item last"><input type="radio" name="radio-869"
144
+
145
+ value="radio2" /><span
146
+
147
+ class="wpcf7-list-item-label">radio2</span></span></span></span></dd>
148
+
149
+ </dl>
150
+
151
+ <div class="btns"> <input type="submit" value="確認画面へ"
152
+
153
+ class="wpcf7-form-control wpcf7-confirm wpcf7c-elm-step1 wpcf7c-btn-confirm wpcf7c-force-hide"
154
+
155
+ id="conformbtn" /></div>
156
+
157
+ <div class="formbtn"><input type="button" value="戻る"
158
+
159
+ class="wpcf7-form-control wpcf7-back wpcf7c-elm-step2 wpcf7c-btn-back wpcf7c-force-hide"
160
+
161
+ id="backbtn" /><input type="submit" value="送信" class="wpcf7-form-control wpcf7-submit"
162
+
163
+ id="formbtn" /></div>
164
+
165
+ </div>
166
+
167
+ <div class="wpcf7-response-output wpcf7-display-none"></div>
168
+
169
+ </form>
170
+
171
+ </div>
172
+
173
+ <p>&nbsp;</p>
174
+
175
+ <p>&nbsp;</p>
176
+
177
+ </section><!-- /.content -->
178
+
179
+ </article><!-- /.news -->
180
+
181
+ </div><!-- /.mainContents -->
182
+
183
+ ```
184
+
185
+
186
+
187
+
188
+
189
+
190
+
191
+
192
+
193
+
194
+
195
+
196
+
197
+
198
+
199
+
200
+
201
+ ```確認画面のページソース
202
+
203
+ <div class="mainContents">
204
+
205
+ <article id="post-18" class="page post-18 type-page status-publish hentry">
206
+
207
+ <h1 class="type-A">お問い合わせ</h1>
208
+
209
+ <section class="content">
210
+
211
+ <div role="form" class="wpcf7" id="wpcf7-f32-p18-o1" lang="ja" dir="ltr">
212
+
213
+ <div class="screen-reader-response"></div>
214
+
215
+ <form action="/contact/#wpcf7-f32-p18-o1" method="post" class="wpcf7-form" novalidate="novalidate">
216
+
217
+ <div style="display: none;">
218
+
219
+ <input type="hidden" name="_wpcf7" value="32" />
220
+
221
+ <input type="hidden" name="_wpcf7_version" value="5.1.3" />
222
+
223
+ <input type="hidden" name="_wpcf7_locale" value="ja" />
224
+
225
+ <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f32-p18-o1" />
226
+
227
+ <input type="hidden" name="_wpcf7_container_post" value="18" />
228
+
229
+ </div>
230
+
231
+ <div class="contactBlock">
232
+
233
+ <dl>
234
+
235
+ <dt>hogehoge</dt>
236
+
237
+ <dd><span class="wpcf7-form-control-wrap checkbox-9"><span
238
+
239
+ class="wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required"><span
240
+
241
+ class="wpcf7-list-item first"><input type="checkbox" name="checkbox-9[]"
242
+
243
+ value="a" /><span class="wpcf7-list-item-label">a</span></span><span
244
+
245
+ class="wpcf7-list-item"><input type="checkbox" name="checkbox-9[]"
246
+
247
+ value="b" /><span class="wpcf7-list-item-label">b</span></span><span
248
+
249
+ class="wpcf7-list-item"><input type="checkbox" name="checkbox-9[]"
250
+
251
+ value="c" /><span class="wpcf7-list-item-label">c</span></span><span
252
+
253
+ class="wpcf7-list-item last"><input type="checkbox" name="checkbox-9[]"
254
+
255
+ value="d" /><span
256
+
257
+ class="wpcf7-list-item-label">d</span></span></span></span></dd>
258
+
259
+ </dl>
260
+
261
+ <dl>
262
+
263
+ <dt>hogehogehoge</dt>
264
+
265
+ <dd><span class="wpcf7-form-control-wrap radio-869"><span
266
+
267
+ class="wpcf7-form-control wpcf7-radio"><span
268
+
269
+ class="wpcf7-list-item first"><input type="radio" name="radio-869"
270
+
271
+ value="radio1" checked="checked" /><span
272
+
273
+ class="wpcf7-list-item-label">radio1</span></span><span
274
+
275
+ class="wpcf7-list-item last"><input type="radio" name="radio-869"
276
+
277
+ value="radio2" /><span
278
+
279
+ class="wpcf7-list-item-label">radio2</span></span></span></span></dd>
280
+
281
+ </dl>
282
+
283
+ <div class="btns"> <input type="submit" value="確認画面へ"
284
+
285
+ class="wpcf7-form-control wpcf7-confirm wpcf7c-elm-step1 wpcf7c-btn-confirm wpcf7c-force-hide"
286
+
287
+ id="conformbtn" /></div>
288
+
289
+ <div class="formbtn"><input type="button" value="戻る"
290
+
291
+ class="wpcf7-form-control wpcf7-back wpcf7c-elm-step2 wpcf7c-btn-back wpcf7c-force-hide"
292
+
293
+ id="backbtn" /><input type="submit" value="送信" class="wpcf7-form-control wpcf7-submit"
294
+
295
+ id="formbtn" /></div>
296
+
297
+ </div>
298
+
299
+ <div class="wpcf7-response-output wpcf7-display-none"></div>
300
+
301
+ </form>
302
+
303
+ </div>
304
+
305
+ <p>&nbsp;</p>
306
+
307
+ <p>&nbsp;</p>
308
+
309
+ </section><!-- /.content -->
310
+
311
+ </article><!-- /.news -->
312
+
313
+ </div><!-- /.mainContents -->
314
+
315
+ ```
316
+
317
+
318
+
319
+
320
+
321
+
322
+
323
+ ![お問い合わせ画面](6574bd2660c6de30ed2446943724469f.png)
324
+
325
+
326
+
327
+ ![お問い合わせ確認画面](a28cf1d0a9dee47a01caf49d08a2f925.png)
328
+
329
+ →この確認画面でチェックボックス(ラジオボタン)および、選択していない文字(bを選択していたら、それ以外のacd)を非表示にしたいです。