回答編集履歴

1

chousei

2023/03/30 06:11

投稿

yambejp
yambejp

スコア114408

test CHANGED
@@ -1 +1,29 @@
1
+ # 参考
1
2
  ラジオボタンで当該箇所のdisabledも付け外しすればよいでしょう
3
+ HTML要素の特定の仕方は色々あると思うので一例です
4
+ ```javascript
5
+ <script>
6
+ const s='[name="data[Contact][contact_kind]"]';
7
+ window.addEventListener('DOMContentLoaded', ()=>{
8
+ if(document.querySelectorAll(`${s}:checked`).length==0){
9
+ document.querySelector(`${s}`).checked=true;
10
+ }
11
+ });
12
+ document.addEventListener('change',()=>{
13
+ const idx=[...document.querySelectorAll(s)].indexOf(document.querySelector(`${s}:checked`));
14
+ document.querySelectorAll('.zen_han').forEach((x,y)=>{
15
+ x.disabled=idx!==y;
16
+ });
17
+ });
18
+ </script>
19
+ <input type="radio" name="data[Contact][contact_kind]" id="ContactContactKind1" class="contact_method inquiryRadio" value="1" />
20
+ <label for="ContactContactKind1">メール</label>
21
+ <input type="radio" name="data[Contact][contact_kind]" id="ContactContactKind2" class="contact_method inquiryRadio" value="2" />
22
+ <label for="ContactContactKind2">電話</label>
23
+
24
+ メールアドレス
25
+ <input name="data[Contact][email]" type="text" class="input zen_han" placeholder="例 example@example.jp" maxlength="200" id="ContactEmail" />
26
+
27
+ 電話番号
28
+ <input name="data[Contact][phone]" type="text" class="input zen_han" placeholder="例 09012345678" maxlength="200" id="ContactPhone" />
29
+ ```