お世話になります。
別の方で同様の質問をされている方がいたのですが、
私が初心者で無知がゆえに理解できなかった為、再度同様の質問をさせて頂きます。
2つのフォームをjsで表示・非表示の設定をしています。
フォームはcontact form 7で作成しています。
2つのフォームにはそれぞれ必須項目が含まれており、
現状は、2つのフォームの必須項目に値を入れないと送信出来ない状態です。
2つのフォームに送信ボタンをつけてみましたが、効かず。
調べるとjsでの設定が必要なようでしたが、jsに対しては無知なため
どう記述していいかわかりません。
フロント側のラジオボタンで選択された方のフォームのみを送信できるようにする方法を、
お手数をおかけいたしますが、下記の記述内容にどのように追記して実装すれば良いかご教示頂けないでしょうか。
フロント側
php
1<input type="radio" name="searchtype" value="Aプラン" onclick="a()" checked="checked">Aプラン 2<input type="radio" name="searchtype" value="Bプラン" onclick="b()">Bプラン
contact form 7
php
1<div id="aplan"> 2Aプラン 3<table class="comTable"> 4<tbody> 5<tr> 6<th>会社名 (必須)</th> 7<td>[text* your-company]</td> 8</tr> 9<tr> 10<th>お名前 (必須)</th> 11<td>[text* your-name]</td> 12</tr> 13</tbody> 14</table> 15 16[submit "送信"] 17 18</div> 19 20 21<div id="bplan" style="display:none;"> 22Bプラン 23<table class="comTable"> 24<tbody> 25 26<tr> 27<th>会社名 (必須)</th> 28<td>[text* your-company2]</td> 29</tr> 30<tr> 31<th>お名前 (必須)</th> 32<td>[text* your-name2]</td> 33</tr> 34<th>メールアドレス (必須)</th> 35<td>[email* your-email]</td> 36</tr> 37 38</tbody> 39</table> 40 41[submit "送信"] 42 43</div>
フォームの切り替え
JavaScript
1function a() { 2 document.getElementById("aplan").style.display="block"; 3 document.getElementById("bplan").style.display="none"; 4} 5 6function b() { 7 document.getElementById("aplan").style.display="none"; 8 document.getElementById("bplan").style.display="block"; 9}
よろしくお願いします。
同様の質問のURLや内容と、どのあたりが理解できなかったというのと、何か調べてみたことがあったらそれも追記してください。ただ分からないから再質問だけでは結局同じような回答、要は「その質問と回答を読んで理解してください」となると思いますよ。