送信フォームの確認画面で、選択肢による開閉部分がうまく反映されない

Question

前提・実現したいこと

ワードプレス上の送信フォーム（MW WP FORMプラグイン使用）で、チェックボックスのチェックによって、表示/非表示を切り替える形をjqueryを使って実装していますが、確認画面に進んだ際、チェックした内容が意図したように表示されません。
後述「発生している問題」のケース３で、チェック内容を確認画面でも反映させるための修正方法をご教示いただけましたらありがたいです。

送信フォームの構成

送信フォームは、２つのチェックボックスと表示/非表示切り替え内容（テキストとラジオボタン）で構成。
チェックボックスは、①（name="ivent" children="a")と
チェックボックス②（name="ivent" children="b,c,d")で、同一グループ、必須（a,b,c,dから最低１つチェックが必要）にしてあります。

発生している問題

●ケース１：項目aをチェックし、表示された内容のラジオボタンにもチェック→問題なし（確認画面に反映される）
●ケース２：項目aをチェックせず、項目b,c,dのどれかをチェック→問題なし（確認画面に反映される）
●ケース３：項目aをチェックし、項目b,c,dのどれかをチェック→　確認画面では、チェックボックスのチェック項目は反映されていますが、表示部分が非表示になり、ラジオボタンのチェック内容は反映されません。
１のケースでは、確認画面でも開いた部分は、開いたままになっています。
a以外のチェックにより、表示内容が非表示になっているようです。
条件分岐の方法が違っているのでしょうか。

該当のソースコード

単純化した内容のコードです。

※複数選択可
[mwform_checkbox name="ivent" children="a" vertically="true" id="checkbox"]
<!--表示を切り替える内容--><div class="form_food" style="display: none;"> 希望の食べ物　
[mwform_radio name="food" id="food" children="ラーメン,ピザ,寿司"]</div>
 [mwform_checkbox name="ivent" children="b,c,d" vertically="true"]

jQuery(function($) {
	var
		checkbox = $("#checkbox-1"),
		checkbox_change = function () {
if (checkbox.length) {
	if (checkbox.prop("checked")) {
		$(".form_food").show();
	} else {
		$(".form_food").hide();
	}
} else {
	// 確認画面用
	if ($('input[value="a"]').length) {
		$(".form_food").show(); 
	} else {
		$(".form_food").hide(); 
	}
}
		};
	checkbox_change();
	checkbox.change(checkbox_change);
});

Comments

[m.ts10806]

ブラウザで「ソースを表示」したときにどのようなコードなっているか追記されたほうが再現確認しやすいので質問本文に追記いただけますか？

[bigcat]

ご返信ありがとうございます。
せっかくアドバイスをいただいたのですが、解決できたので「自己解決方法」に記載させていただきます
。たいへん申し訳ございません、一度、解決できなかった別ルートから再度教えていただくことができ、入れ違いになってしまいました。

[m.ts10806]

解決されたようで何よりですが、もしマルチポスト(複数サイトで同内容の質問を同時に)であればteratailでは非推奨なので今後はご注意ください(ヘルプ参照)

Answer 1

var ivents = $('input[name="ivent[data]"]').val().split(',');
if ($.inArray('a', ivents) >= 0) {