【Contact Form 7】ラジオボタンのデフォルト選択肢を未選択状態にする方法
Contact Form 7
WordPress
ラジオボタン
未選択状態
こんにちは、岐阜・名古屋を拠点に全国各地からご依頼いただくWEBサイトを制作しているフリーランスエンジニアの寺井です。
WordPressでお問い合わせフォームを作成する人気プラグインの「Contact Form 7」。
このプラグインを使用してラジオボタンを作成するとデフォルトで選択肢の一つ目が選択された状態になります。
今回の記事ではデフォルトで選択肢の一つ目が選択された状態を未選択にする方法をご紹介します。
ラジオボタンのデフォルト選択肢を未選択状態にする方法
「Contact Form 7」でラジオボタンを作成すると以下のようなコードが発行されます。
[radio choice use_label_element default:1 "選択肢1" "選択肢2"]
このコードをブラウザ上では以下の画像のように一つ目の選択肢が選択された状態になります。
ラジオボタンの初期状態を未選択状態にする方法は発行されるコードの「default:1」の部分を以下のように「default:0」と書き換えてあげることで未選択状態とすることが出来ます。
[radio choice use_label_element default:0 "選択肢1" "選択肢2"]
ちなみにこの数字を「default:2」とすることで選択肢の2つ目を選択した状態とすることも可能です。
[radio choice use_label_element default:2 "選択肢1" "選択肢2"]
必須状態にするには?
デフォルトでチェックが入っているため、特に必須チェックを気にする必要はありませんでした。
デフォルトを未選択の状態にするため、個別に必須チェックを実装しないと!と思うかもしれませんが、「Contact Form 7」のラジオボタンはデフォルトで必須設定になっているため特に設定は必要なく未選択の状態で送信しようとするとエラーと認識してくれます。
まとめ
今回の記事では「Contact Form 7」のラジオボタンのデフォルト選択肢を未選択状態にする方法の解説でした。