質問: お世話になります。 別の方で同様の質問をされている方がいたのですが、 私が初心者で無知がゆえに理解できなかった為、再度同様の質問をさせて頂きます。 2つのフォームをjsで表示・非表示の設定をしています。 フォームはcontact form 7で作成しています。 2つのフォームにはそれぞれ必須項目が含まれており、 現状は、2つのフォームの必須項目に値を入れないと送信出来ない状態です。 2つのフォームに送信ボタンをつけてみましたが、効かず。 調べるとjsでの設定が必要なようでしたが、jsに対しては無知なため どう記述していいかわかりません。 フロント側のラジオボタンで選択された方のフォームのみを送信できるようにする方法を、 お手数をおかけいたしますが、下記の記述内容にどのように追記して実装すれば良いかご教示頂けないでしょうか。 フロント側 ``` Aプラン Bプラン ``` contact form 7 ``` Aプラン 会社名 (必須) [text* your-company] お名前 (必須) [text* your-name] [submit "送信"] Bプラン 会社名 (必須) [text* your-company2] お名前 (必須) [text* your-name2] メールアドレス (必須) [email* your-email] [submit "送信"] ``` フォームの切り替え ``` function a() { document.getElementById("aplan").style.display="block"; document.getElementById("bplan").style.display="none"; } function b() { document.getElementById("aplan").style.display="none"; document.getElementById("bplan").style.display="block"; } ``` よろしくお願いします。
回答: 必須であることをあらわす*を取ってしまえばよいのではないでしょうか? 送信ボタンが押されたときのイベントをjsで関数化しておいて、 formのtype=hiddenを3つ用意して、valueにそれぞれ格納してあげればよいと思います。