質問するログイン新規登録

質問編集履歴

1

コード(Class→Name)に変更。内容の簡略化

2020/07/13 07:13

投稿

wokapi
wokapi

スコア12

title CHANGED
File without changes
body CHANGED
@@ -11,54 +11,44 @@
11
11
  ### 該当のソースコード
12
12
  ```ここに言語名を入力
13
13
  -----------以下、ラジオボタンA~Bに該当----------
14
- @foreach($SA as $id => $ABC)
14
+ @foreach($XXX as $id => $YYY)
15
- <tr>
15
+ <tr>
16
- <td>
17
- <label class="radio">
16
+ <label class="radio" name="choice1">
18
- <input type="radio" name="ship_address_id" value="{{$id}}"
17
+ <input type="radio" name="A-NAME" value="{{$id}}"
19
18
  @if($loop->first)
20
- checked="checked"
21
19
  @endif onclick="formSwitch()">
22
20
  <span class="radio-icon"></span>
23
21
  </label>
24
-
25
- @if(!$loop->first)
26
- <a href="{{route('A', $address->id)}}" class="btn btn-grey btn-block">編集</a>
27
- @endif
28
- </td>
29
- </tr>
22
+ </tr>
30
- @endforeach
23
+ @endforeach
31
24
  --------------------以下ラジオボタンC~Dに該当----------------------
32
25
 
33
- <tr id="C">
26
+ <tr id="C">
34
- <th>
27
+ <th>
35
28
  <label class="radio" name="choice2">
36
- <input type="radio" name="payment_method_id" value="2">
29
+ <input type="radio" name="C-NAME" value="2">
37
30
  <span class="radio-icon"></span>
38
31
  </label>
39
- </th>
32
+
40
- </tr>
33
+ </tr>
41
- <tr id="D">
34
+ <tr id="D">
42
- <th>
43
35
  <label class="radio" name="choice3">
44
- <input type="radio" name="payment_method_id" value="3" >
36
+ <input type="radio" name="D-NAME" value="3" >
45
37
  <span class="radio-icon"></span>
46
38
  </label>
47
- </th>
48
- </tr>
39
+ </tr>
49
- </table>
50
40
 
51
41
  <script>
52
42
  function formSwitch() {
53
- hoge = document.getElementsByName('ship_address_id')
43
+ hoge = document.getElementsByName('A-NAME')
54
44
  if (hoge[0].checked) {
55
45
  document.getElementById('C').style.display = "";
56
46
  document.getElementById('D').style.display = "none";
57
- document.getElementByClass('choice2').checked = "checked";
47
+ document.getElementByName('choice2').checked = "checked";
58
48
  } else {
59
49
  document.getElementById('C').style.display = "none";
60
50
  document.getElementById('D').style.display = "";
61
- document.getElementByClass('choice3').checked = "checked";
51
+ document.getElementByName('choice3').checked = "checked";
62
52
  }
63
53
  }
64
54
  window.addEventListener('click', formSwitch);