2022.08.25(更新日: 2022.08.30)
contact-form7の申し込みフォームで表にチェックボックスを追加する方法

はじめに

先日、contact-form7の申し込みフォームで、表の中にチェックボックスを追加したいがやり方が分からないから困っているというご相談を受けました。
実際にWordPressにログインして1時間弱調べたのですが、やり方が分からず、納期が迫っている仕事もあったので結局対応をお断りすることになってしまいました。
後日実現できたので、方法を書いていきます。
今回実現できなかったご要望
表があり、その下にそれぞれのチェックボックスにチェックを入れるという状態で、表の中にチェックボックスを持ってきたいというご要望でした。
ご相談時の状態
講座内容の表に書いてある講座の中から自分が受けたい講座を探して、お申し込み講座(必須)のチェックボックスにチェックを入れて、送信ボタンを押すという状態でした。

ご要望
表の中にあるチェックボックスをクリックして送信ボタンを押せるようにしたいというご要望でした。

contact-form 7のチェックボックスを表に入れる方法
一度contact-formでチェックボックスを作成してから、出力されたHTMLを表の中に入れることで実現できました。
サンプルサイト
サンプルサイトURLはこちら
GitHub
GitHubリポジトリはこちら
投稿ID : 3860
コメントを残す