contact form 7の非表示項目の必須を無効にしたい

お世話になります。

別の方で同様の質問をされている方がいたのですが、
私が初心者で無知がゆえに理解できなかった為、再度同様の質問をさせて頂きます。

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">
2Ａプラン
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;">
22Ｂプラン
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}