お問い合わせのラジオボタンを表示させたままにしたい。

実現したいこと

お問い合わせのラジオボタンを表示させたままにしたい。
【「求人案内」ボタンを押したあと、下の項目(例えば、「物件探索/営業スタッフ」ボタン)を押しても「物件探索/営業スタッフ」「清掃スタッフ」「施設メンテナンス/組立スタッフ」ボタンを表示させたままにしたい。】

前提

サイトURLはこちらです。
https://cyder-royal.co.jp/contact/

現在ワードプレスのElementorというプラグインを使用し、サイト制作をしています。
その中でコンタクトフォーム7というプラグインを使用し、お問い合わせフォームを作成しました。

また、Conditional Fields for Contact Form 7というプラグインを使用し、お問い合わせ内のラジオボタンを作成しました。

各情報は下記の通りです。

■フォームテキスト

<table class="inquiry">
<tr>
<th>
<span class="must">必須</span><span>お名前</span>
</th>
<td>
[text* your-name class:textsp]
</td>
</tr>
<tr>
<th>
<span class="must">必須</span><span>メールアドレス</span>
</th>
<td>[email* your-email class:mailsp]</td>
</tr>
<tr>
<th>
<span>電話番号 (任意)</span>
</th>
<td>[tel tel-715]</td>
</tr>
<tr>
<th>
<span class="must">必須</span><span>お問い合わせ内容</span>
</th>
<td>
[radio radio-277 use_label_element default:1 
"宿泊施設の総合コンサルティング""宿泊事業の許認可取得、消防法関係""施設に設置する家具の選定""宿泊施設のオペレーション""オペレーション運営代行サービス""プロによる清掃代行（エリア限定）""求人案内"]
[group group-824]
[radio radio-277 use_label_element default:1 "物件探索/営業スタッフ""清掃スタッフ""施設メンテナンス/組立スタッフ"]
[/group]
</td>
</tr>
</table>
[acceptance acceptance-442 class:spam1]スパムメール防止のため、こちらのボックスにチェックを入れてから送信してください。
[submit id:formbtn "上記の内容で送信する"]

■条件付きフィールド

■カスタムCSS

/*Contact Form 7カスタマイズ*/
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/*スマホContact Form 7カスタマイズ*/
@media(max-width:768px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}

/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}

/* 記入欄の横幅 */
.wpcf7-text{
	width: 100%;
}

/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#fff;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.must{
 font-size:7px;
 padding:5px;
 background:#AE0001;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.free{
 font-size:7px;
 padding:5px;
 background:#d7d7d7;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}

/*ラジオボタンの余白*/
.wpcf7-list-item-label{
    margin: 0 15px 0 5px;
}

/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#122A88;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#122A8842;
}

発生している問題・分からないこと

「求人案内」ボタンを押して、下の項目(例えば、「物件探索/営業スタッフ」ボタン)を押すと、

下記のように「物件探索/営業スタッフ」「清掃スタッフ」「施設メンテナンス/組立スタッフ」が消えてしまいます。

該当のソースコード

特になし

試したこと・調べたこと

teratailやGoogle等で検索した
ソースコードを自分なりに変更した
知人に聞いた
その他

上記の詳細・結果

https://d-spport.jp/memorandum/contact-forms-terms/#google_vignette
上記サイトを参考に
1.条件分岐選択肢を作成
2.条件グループの作成
3.条件の作成

この手順で試しましたが、解決しませんでした。

補足

解決してほしいこと

なぜか「求人案内」ボタンを押して、下の項目(例えば、「物件探索/営業スタッフ」ボタン)を押すと「物件探索/営業スタッフ」「清掃スタッフ」「施設メンテナンス/組立スタッフ」が消えてしまいます。

「求人案内」ボタンを押したあと、下の項目(例えば、「物件探索/営業スタッフ」ボタン)を押しても「物件探索/営業スタッフ」「清掃スタッフ」「施設メンテナンス/組立スタッフ」ボタンを表示させたままにしたいです。

Wordpressのコンタクトフォーム7の実装やお問い合わせフォーム・プラグインなどに詳しい方がいましたらよろしくお願いします！

satokei

2024/04/19 19:27

[radio radio-277 use_label_element default:1 "宿泊施設の総合コンサルティング" ～ [radio radio-277 use_label_element default:1 "物件探索/営業スタッフ" ～これら2つの radio タグの name （radio-277）が同じなのは意図的ですか？参考にされたサイトは、それぞれ異なる name を設定しています。意図的なのであれば、条件付きフィールドに「物件探索/営業スタッフ」等もルール追加すればよいかと。

nori

2024/04/19 23:02

コメントありがとうございます。 [radio radio-277 use_label_element default:1 "物件探索/営業スタッフ" ～を [radio radio-278 use_label_element default:1 "物件探索/営業スタッフ" ～に数値変更を試したところ問題が解決しました！ベストアンサーに選びたいので同じ内容を回答欄に投稿いただけますでしょうか？