teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問getElementsByClassNameを使って、チェックボックスの表示非表示を行う

編集履歴

質問編集履歴

5

追記

2016/12/16 03:09

投稿

nyowaa
nyowaa

スコア13

test CHANGED
File without changes
test CHANGED
@@ -209,3 +209,97 @@
209
209
  </script>
210
210
 
211
211
  ```
212
+
213
+
214
+
215
+
216
+
217
+ **追記２**
218
+
219
+ ```PHP
220
+
221
+ for($j=1; $j<=10; $j++){
222
+
223
+ if($col['format']==$frmtR){
224
+
225
+ //ラジオボタン
226
+
227
+ if($col['answer'.$j]){
228
+
229
+ if($col['required'.$k]){
230
+
231
+ echo"<input required type='radio' name='question{$question_count}' value='".$col['answer'.$j]."' onclick='showRadio('none');'>".$col['answer'.$j].'<br>';
232
+
233
+ }else{
234
+
235
+ echo"<input type='radio' name='question{$question_count}' value='".$col['answer'.$j]."' onclick='showRadio('none');'>".$col['answer'.$j].'<br>';
236
+
237
+ }
238
+
239
+
240
+
241
+ }
242
+
243
+ }elseif($col['format']==$frmtC){
244
+
245
+ //チェックボックス
246
+
247
+ if($col['answer'.$j]){
248
+
249
+ if($col['required'.$k]){
250
+
251
+ echo"<input type='checkbox' name='question{$question_count}[]' value='".$col['answer'.$j]."' class='checkBtn' onclick='showCheck('none');'>".$col['answer'.$j].'<br>';
252
+
253
+ }else{
254
+
255
+ echo"<input type='checkbox' name='question{$question_count}[]' value='".$col['answer'.$j]."' onclick='showCheck('none');'>".$col['answer'.$j].'<br>';
256
+
257
+ }
258
+
259
+ }
260
+
261
+ }
262
+
263
+ }
264
+
265
+
266
+
267
+ if($col['format']==$frmtT){
268
+
269
+ //テキストエリア
270
+
271
+ if($col['required'.$k]){
272
+
273
+ echo "<input type='text' name='question{$question_count}' value='' required><br>";
274
+
275
+ }else{
276
+
277
+ echo "<input type='text' name='question{$question_count}' value=''><br>";
278
+
279
+ }
280
+
281
+ }
282
+
283
+
284
+
285
+ //その他
286
+
287
+ if($col['other'.$k]){
288
+
289
+ if($col['format']==$frmtR){
290
+
291
+ echo "<input type='radio' name='question{$question_count}' value='".$col['other'.$j]."' onclick='showRadio('block');' class='forsonota'>";
292
+
293
+ echo "その他<br><input type='text' name='question{$question_count}' value='' class='radio sonota'>";
294
+
295
+ }elseif($col['format']==$frmtC){
296
+
297
+ echo "<input type='checkbox' name='question{$question_count}' value='".$col['other'.$j]."' onclick='showCheck('block');' class='forsonota'>";
298
+
299
+ echo "その他<br><input type='text' name='question{$question_count}' value='' class='check sonota'>";
300
+
301
+ }
302
+
303
+ }
304
+
305
+ ```

4

コード追加

2016/12/16 03:09

投稿

nyowaa
nyowaa

スコア13

test CHANGED
File without changes
test CHANGED
@@ -163,3 +163,49 @@
163
163
  ('radio')はラジオボタン項目にその他があった場合、その他を選択した際に表示を行いたいです。
164
164
 
165
165
  ('check')はチェックボタン項目にその他があった場合、その他を選択した際に表示を行いたいです。
166
+
167
+
168
+
169
+ 現在のスクリプトはこの様な感じです。
170
+
171
+ ```javascript
172
+
173
+ <script type="text/javascript">
174
+
175
+ function showRadio(disp){
176
+
177
+ var elR, elems = document.getElementsByClassName('radio');
178
+
179
+ for(elR=0; elR<elems.length; ++elR){
180
+
181
+ if(elems[elR]!= disp){
182
+
183
+ elems[elR].style.display = disp;
184
+
185
+ }
186
+
187
+ }
188
+
189
+ }
190
+
191
+
192
+
193
+ function showCheck(disp){
194
+
195
+ var elC, elems = document.getElementsByClassName('check');
196
+
197
+ for(elC=0; elC<elems.length; ++elC){
198
+
199
+ if(elems[elC]!= disp){
200
+
201
+ elems[elC].style.display = disp;
202
+
203
+ }
204
+
205
+ }
206
+
207
+ }
208
+
209
+ </script>
210
+
211
+ ```

3

コードの修正

2016/12/16 02:07

投稿

nyowaa
nyowaa

スコア13

test CHANGED
File without changes
test CHANGED
@@ -30,11 +30,11 @@
30
30
 
31
31
  <form action ="send.php" method="post" id="form" class="form"><div class="bgc">
32
32
 
33
- <h1 align="center">＊＊＊テスト＊＊＊</h1>
33
+ <h1 align="center">テスト</h1>
34
34
 
35
35
  <div class="question" align="center">
36
36
 
37
- <p style="font-size:20px;">Q1.ラジオボタン</p>
37
+ <p>Q1.くえすちょん</p>
38
38
 
39
39
  <p align="left" style="display:inline-block;">
40
40
 
@@ -58,7 +58,7 @@
58
58
 
59
59
  <div class="question" align="center">
60
60
 
61
- Q3.ラジオボタンその他</p><p align="left" style="display:inline-block;">
61
+ <p>Q2.くえすちょん</p><p align="left" style="display:inline-block;">
62
62
 
63
63
  <input type='radio' name='question3' value='ラジオ1' onclick='showRadio('none');'>
64
64
 
@@ -72,7 +72,7 @@
72
72
 
73
73
  <div class="question" align="center">
74
74
 
75
- <p>チェックボックスその他</p>
75
+ <p>くえすちょん</p>
76
76
 
77
77
  <p align="left" style="display:inline-block;">
78
78
 
@@ -92,7 +92,7 @@
92
92
 
93
93
  <div class="question" align="center">
94
94
 
95
- <p>Q9.チェックボックス必須その他*</p>
95
+ <p>くえすちょん</p>
96
96
 
97
97
  <p align="left" style="display:inline-block;"><input type='checkbox' name='question9[]' value='チェック1' class='checkBtn' onclick='showCheck('none');'>
98
98
 

2

コード追加

2016/12/16 00:36

投稿

nyowaa
nyowaa

スコア13

test CHANGED
File without changes
test CHANGED
@@ -50,7 +50,27 @@
50
50
 
51
51
  ラジオ3<br>
52
52
 
53
+ <input type='hidden' name='question_id' value='6'>
54
+
55
+ </p>
56
+
57
+ </div>
58
+
59
+ <div class="question" align="center">
60
+
61
+ Q3.ラジオボタンその他</p><p align="left" style="display:inline-block;">
62
+
53
- <input type='hidden' name='question_id' value='6'><div class="question" align="center"></p>
63
+ <input type='radio' name='question3' value='ラジオ1' onclick='showRadio('none');'>
64
+
65
+ ラジオ1<br><input type='radio' name='question3' value='らじお2' onclick='showRadio('none');'>
66
+
67
+ らじお2<br><input type='radio' name='question3' value='sonota' onclick='showRadio('block');'>
68
+
69
+ その他<br><input type='text' name='question3' value='' class='radio'>
70
+
71
+ <input type='hidden' name='question_id' value='6'>
72
+
73
+ <div class="question" align="center">
54
74
 
55
75
  <p>チェックボックスその他</p>
56
76
 
@@ -64,7 +84,11 @@
64
84
 
65
85
  チェック3<br><input type='checkbox' name='question8' value='sonota' onclick='showCheck('block');'>
66
86
 
67
- その他<br><input type='text' name='question8' value='' class='check'><input type='hidden' name='question_id' value='6'></p>
87
+ その他<br><input type='text' name='question8' value='' class='check'><input type='hidden' name='question_id' value='6'>
88
+
89
+ </p>
90
+
91
+ </div>
68
92
 
69
93
  <div class="question" align="center">
70
94
 
@@ -76,7 +100,11 @@
76
100
 
77
101
  チェック2<br><input type='checkbox' name='question9[]' value='チェック3' class='checkBtn' onclick='showCheck('none');'>
78
102
 
79
- チェック3<br><input type='checkbox' name='question9' value='sonota' onclick='showCheck('block');'></p>
103
+ チェック3<br><input type='checkbox' name='question9' value='sonota' onclick='showCheck('block');'>
104
+
105
+ </p>
106
+
107
+ </div>
80
108
 
81
109
 
82
110
 
@@ -132,4 +160,6 @@
132
160
 
133
161
  ###追記
134
162
 
135
- ソースコード修正しました！
163
+ ('radio')はラジオボタン項目にその他があった場合、その他を選択した際に表示を行いたいです。
164
+
165
+ ('check')はチェックボタン項目にその他があった場合、その他を選択した際に表示を行いたいです。

1

コード修正

2016/12/15 08:07

投稿

nyowaa
nyowaa

スコア13

test CHANGED
File without changes
test CHANGED
@@ -28,27 +28,57 @@
28
28
 
29
29
  ```html
30
30
 
31
- <form action ="send.php" method="post" id="form" class="form">
31
+ <form action ="send.php" method="post" id="form" class="form"><div class="bgc">
32
32
 
33
- <div class="bgc">
34
-
35
- <h1 align="center">＊＊＊あんけえと＊＊＊</h1>
33
+ <h1 align="center">＊＊＊テスト＊＊＊</h1>
36
34
 
37
35
  <div class="question" align="center">
38
36
 
39
- <p style="font-size:20px;">Q1.くえすちょん*</p>
37
+ <p style="font-size:20px;">Q1.ラジオボタン</p>
40
38
 
41
39
  <p align="left" style="display:inline-block;">
42
40
 
43
- <input type='checkbox' name='question1[]' value='うああ' class='checkBtn' onclick='showCheck('none');'>うああ<br>
41
+ <input type='radio' name='question1' value='ラジオ1' onclick='showRadio('none');'>
44
42
 
45
- <input type='checkbox' name='question1[]' value='うおおお' class='checkBtn' onclick='showCheck('none');'>うおおお<br>
43
+ ラジオ1<br>
46
44
 
47
- <input type='checkbox' name='question1[]' value='ふみゅ' class='checkBtn' onclick='showCheck('none');'>ふみゅ<br>
45
+ <input type='radio' name='question1' value='ラジオ2' onclick='showRadio('none');'>
48
46
 
49
- <input type='checkbox' name='question1[]' value='ふ' class='checkBtn' onclick='showCheck('none');'>ふ<br>
47
+ ラジオ2<br>
50
48
 
49
+ <input type='radio' name='question1' value='ラジオ3' onclick='showRadio('none');'>
50
+
51
+ ラジオ3<br>
52
+
53
+ <input type='hidden' name='question_id' value='6'><div class="question" align="center"></p>
54
+
55
+ <p>チェックボックスその他</p>
56
+
57
+ <p align="left" style="display:inline-block;">
58
+
59
+ <input type='checkbox' name='question8[]' value='チェック1' onclick='showCheck('none');'>
60
+
61
+ チェック1<br><input type='checkbox' name='question8[]' value='チェック2' onclick='showCheck('none');'>
62
+
63
+ チェック2<br><input type='checkbox' name='question8[]' value='チェック3' onclick='showCheck('none');'>
64
+
65
+ チェック3<br><input type='checkbox' name='question8' value='sonota' onclick='showCheck('block');'>
66
+
67
+ その他<br><input type='text' name='question8' value='' class='check'><input type='hidden' name='question_id' value='6'></p>
68
+
69
+ <div class="question" align="center">
70
+
71
+ <p>Q9.チェックボックス必須その他*</p>
72
+
73
+ <p align="left" style="display:inline-block;"><input type='checkbox' name='question9[]' value='チェック1' class='checkBtn' onclick='showCheck('none');'>
74
+
51
- <input type='checkbox' name='question1[]' value='ぐ' class='checkBtn' onclick='showCheck('none');'>ぐ<br>
75
+ チェック1<br><input type='checkbox' name='question9[]' value='チェック2' class='checkBtn' onclick='showCheck('none');'>
76
+
77
+ チェック2<br><input type='checkbox' name='question9[]' value='チェック3' class='checkBtn' onclick='showCheck('none');'>
78
+
79
+ チェック3<br><input type='checkbox' name='question9' value='sonota' onclick='showCheck('block');'></p>
80
+
81
+
52
82
 
53
83
  <input type='hidden' name='question_id' value='1'></p></div><div class="submitBtn" align="right">
54
84
 
@@ -97,3 +127,9 @@
97
127
  ###補足情報(言語/FW/ツール等のバージョンなど)
98
128
 
99
129
  PHP バージョン5.3.1
130
+
131
+
132
+
133
+ ###追記
134
+
135
+ ソースコード修正しました！