質問編集履歴
1
質問文章が分かりづらかったので、内容説明に関して修正を加えております。
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
特定のラジオボタンが選択された時に、自動で選択されるラジオボタンを作成したいです。
|
test
CHANGED
|
@@ -2,25 +2,29 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
foreach文内の選択によって、<h3 class="header-type2">選択してください</h3>以下の
|
|
6
|
-
|
|
7
|
-
選択欄の表示を変更したい。
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
特定のラジオボタンが選択された時に、自動で選択されるラジオボタンを作成したいです。
|
|
10
6
|
|
|
11
7
|
|
|
12
8
|
|
|
9
|
+
現在、
|
|
10
|
+
|
|
13
|
-
|
|
11
|
+
ラジオボタンAをクリック→ラジオボタンCが表示されて、ラジオボタンDが非表示
|
|
12
|
+
|
|
13
|
+
ラジオボタンBをクリック→ラジオボタンCが非表示になり、ラジオボタンDが表示
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
|
+
ここに、ラジオボタンAをクリックすると、ラジオボタンCにチェックが入り、
|
|
18
|
+
|
|
19
|
+
ラジオボタンBをクリックすると、ラジオボタンDにチェックが入るという仕組みを作りたいです。
|
|
20
|
+
|
|
21
|
+
### 該当のソースコード
|
|
22
|
+
|
|
17
23
|
```ここに言語名を入力
|
|
18
24
|
|
|
19
|
-
|
|
25
|
+
-----------以下、ラジオボタンA～Bに該当----------
|
|
20
26
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
27
|
+
@foreach($SA as $id => $ABC)
|
|
24
28
|
|
|
25
29
|
<tr>
|
|
26
30
|
|
|
@@ -54,57 +58,39 @@
|
|
|
54
58
|
|
|
55
59
|
@endforeach
|
|
56
60
|
|
|
61
|
+
--------------------以下ラジオボタンC～Dに該当----------------------
|
|
57
62
|
|
|
58
63
|
|
|
59
|
-
<h3 class="header-type2">選択してください</h3>
|
|
60
64
|
|
|
65
|
+
<tr id="C">
|
|
66
|
+
|
|
67
|
+
<th>
|
|
68
|
+
|
|
61
|
-
<
|
|
69
|
+
<label class="radio" name="choice2">
|
|
70
|
+
|
|
71
|
+
<input type="radio" name="payment_method_id" value="2">
|
|
72
|
+
|
|
73
|
+
<span class="radio-icon"></span>
|
|
74
|
+
|
|
75
|
+
</label>
|
|
76
|
+
|
|
77
|
+
</th>
|
|
78
|
+
|
|
79
|
+
</tr>
|
|
62
80
|
|
|
63
81
|
<tr id="D">
|
|
64
82
|
|
|
65
83
|
<th>
|
|
66
84
|
|
|
67
|
-
<label class="radio">
|
|
85
|
+
<label class="radio" name="choice3">
|
|
68
86
|
|
|
69
|
-
<input type="radio" name="payment_method_id" value="
|
|
87
|
+
<input type="radio" name="payment_method_id" value="3" >
|
|
70
88
|
|
|
71
89
|
<span class="radio-icon"></span>
|
|
72
|
-
|
|
73
|
-
A
|
|
74
90
|
|
|
75
91
|
</label>
|
|
76
92
|
|
|
77
93
|
</th>
|
|
78
|
-
|
|
79
|
-
<td>
|
|
80
|
-
|
|
81
|
-
<p>Aです</p>
|
|
82
|
-
|
|
83
|
-
</td>
|
|
84
|
-
|
|
85
|
-
</tr>
|
|
86
|
-
|
|
87
|
-
<tr id="E">
|
|
88
|
-
|
|
89
|
-
<th>
|
|
90
|
-
|
|
91
|
-
<label class="radio">
|
|
92
|
-
|
|
93
|
-
<input type="radio" name="payment_method_id" value="3" >
|
|
94
|
-
|
|
95
|
-
<span class="radio-icon"></span>
|
|
96
|
-
|
|
97
|
-
B
|
|
98
|
-
|
|
99
|
-
</label>
|
|
100
|
-
|
|
101
|
-
</th>
|
|
102
|
-
|
|
103
|
-
<td>
|
|
104
|
-
|
|
105
|
-
<p>Bです。</p>
|
|
106
|
-
|
|
107
|
-
</td>
|
|
108
94
|
|
|
109
95
|
</tr>
|
|
110
96
|
|
|
@@ -112,7 +98,7 @@
|
|
|
112
98
|
|
|
113
99
|
|
|
114
100
|
|
|
115
|
-
<script>
|
|
101
|
+
<script>
|
|
116
102
|
|
|
117
103
|
function formSwitch() {
|
|
118
104
|
|
|
@@ -120,34 +106,42 @@
|
|
|
120
106
|
|
|
121
107
|
if (hoge[0].checked) {
|
|
122
108
|
|
|
123
|
-
document.getElementById('
|
|
109
|
+
document.getElementById('C').style.display = "";
|
|
124
110
|
|
|
125
|
-
document.getElementById('
|
|
111
|
+
document.getElementById('D').style.display = "none";
|
|
112
|
+
|
|
113
|
+
document.getElementByClass('choice2').checked = "checked";
|
|
126
114
|
|
|
127
115
|
} else {
|
|
128
116
|
|
|
129
|
-
document.getElementById('
|
|
117
|
+
document.getElementById('C').style.display = "none";
|
|
130
118
|
|
|
131
|
-
document.getElementById('
|
|
119
|
+
document.getElementById('D').style.display = "";
|
|
120
|
+
|
|
121
|
+
document.getElementByClass('choice3').checked = "checked";
|
|
132
122
|
|
|
133
123
|
}
|
|
134
124
|
|
|
135
|
-
|
|
125
|
+
}
|
|
136
126
|
|
|
137
|
-
window.addEventListener('click', formSwitch
|
|
127
|
+
window.addEventListener('click', formSwitch);
|
|
138
128
|
|
|
139
129
|
</script>
|
|
140
130
|
|
|
141
131
|
|
|
142
132
|
|
|
133
|
+
```
|
|
134
|
+
|
|
143
135
|
### 試したこと
|
|
144
136
|
|
|
145
|
-
|
|
137
|
+
ラジオボタンの表示非表示を制限するIF文内に、チェックを入れる要素を追加
|
|
146
138
|
|
|
147
|
-
If文内に、
|
|
148
139
|
|
|
149
|
-
document.getElementById('1234').checked;
|
|
150
140
|
|
|
151
|
-
|
|
141
|
+
（最近、エンジニアの方が急遽やめてしまい、エンジニア未経験で、
|
|
152
142
|
|
|
153
|
-
をい
|
|
143
|
+
上記のコードを作成している為、プログラミング的に根本から間違っていたら申し訳ございません。）
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
こんなことから学んだら？といった点も含めご教示いただけますと幸いです。
|