質問: (this.scrollHeight + 10) + 'px'; } }); parent.find("textarea").attr("readonly", true).addClass("wpcf7c-conf"); parent.find("select").each(function(){ jQuery(this).attr("readonly", true).attr("disabled", true).addClass("wpcf7c-conf"); jQuery(this).after( jQuery('').attr("name", jQuery(this).attr("name")).val(jQuery(this).val()).addClass("wpcf7c-conf-hidden") ); }); parent.find("input").each(function(){ switch(jQuery(this).attr("type")) { case "submit": case "button": case "hidden": case "image": // なにもしない break; case "radio": case "checkbox": // 選択されているものだけ対処 jQuery(this).attr("readonly", true).attr("disabled", true).addClass("wpcf7c-conf"); if(jQuery(this).is(":checked")) { jQuery(this).after( jQuery('').attr("name", jQuery(this).attr("name")).val(jQuery(this).val()).addClass("wpcf7c-conf-hidden") ); } break; case "file": jQuery(this).attr("readonly", true).addClass("wpcf7c-elm-step1").addClass("wpcf7c-force-hide"); jQuery(this).after( jQuery('').attr("name", (jQuery(this).attr("name") + "_conf")).val(jQuery(this).val()).addClass("wpcf7c-conf-hidden").addClass("wpcf7c-conf").attr("readonly", true).attr("disabled", true) ); break; default: jQuery(this).attr("readonly", true).addClass("wpcf7c-conf"); jQuery(this).after( jQuery('').attr("name", jQuery(this).attr("name")).val(jQuery(this).val()).addClass("wpcf7c-conf-hidden") ); break; } }); ``` --- 下記、フォーム入力画面の画像になります。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/efeca2b1cd6cfaf47be6db7420a95233.jpeg) --- 下記画像は、確認画面になります。 チェックされたボックスは消えて、 選択されていない項目はそのまま表示されてしまいます。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/a54a0b1a71dcd1cfc9b918ed91eca76a.jpeg) コンタクトフォーム7のチェックボックスの箇所は以下になります。 ``` [checkbox* checkbox-000 use_label_element "サンプル01" "サンプル02" "サンプル03" "サンプル04"] ``` 自動メールで届く内容は、ちゃんと選択された内容のみ反映されております。
回答: 追加ありがとうございます。 特に変わったフォームでもなさそうですね。 テスト環境で試した感じでは、 !フォーム定義 と定義して、確認画面が、 !フォーム確認画面 と表示されて、チェックボックスが消えることはありませんでした。(確認のため、WordPress標準テーマにしています。) おそらく、お使いのテーマの CSS と競合して、チェックボックスが消えているのだと思われますので、Web ブラウザの開発者ツールで CSSを確認して、消している CSS の該当部分を探して修正することになると思います。