チェックボックスでチェックを入れた項目が非表示になってしまいます。

チェックした項目が表示されるようにしたいです。

custom field suiteで繰り返しループ処理をしています。チェックボックスは２つあります。（温と冷）
ーーーーーーーーーー
温にチェック→ブラウザで冷が表示
冷にチェック→ブラウザでは温が表示
温冷にチェック→ブラウザではどちらも表示されない
どちらのチェックも外す→ブラウザでは温冷が表示される

php
1<?php get_header(); ?>
2<?php 
3/*
4 Template Name: 料金表
5 */
6?>
7		<main class="menulist">
8			<div class="menulist-background">
9				<div class="box">
10					<dl>
11						<?php $fields01 = CFS()->get( 'nabeloop' ); ?>
12						<?php if ($fields01): ?>
13							<?php foreach ( $fields01 as $field ):?>
14							<dt>
15								<div class="nemulist-name">
16									<p><?php echo $field['name']; ?></p>
17								</div>
18								<span class="<?php if ( get_post_meta($post->ID, $field['cold'] ,TRUE) ): ?><?php echo 'cold'; ?><?php endif; ?>">
19									<?php if ( get_post_meta($post->ID, $field['cold'] ,TRUE) ): ?>温<?php endif; ?>
20								</span>
21								<span class="<?php if ( get_post_meta($post->ID, $field['hot'] ,TRUE) ): ?><?php echo 'hot'; ?><?php endif; ?>">
22									<?php if ( get_post_meta($post->ID, $field['hot'] ,TRUE) ): ?>冷<?php endif; ?>
23								</span>
24							</dt>
25							<dd data-unit="円"><?php echo $field['price']; ?></dd>
26							<?php endforeach; ?>
27						<?php endif; ?>
28					</dl>
29				</div>
30			</div>
31		</main>
32	</div>
33<?php get_footer(); ?>

css
1
2.hot {
3  background-color: red;
4  color: #fff;
5  width: 3.5vw;
6  height: 3.5vw;
7  padding: 1.7vw;
8  border-radius: 50%;
9  font-size: 3.5vw;
10}
11
12.cold {
13  background-color: blue;
14  color: #fff;
15  width: 3.5vw;
16  height: 3.5vw;
17  padding: 1.7vw;
18  border-radius: 50%;
19  font-size: 3.5vw;
20}
21
22/*円*/
23.menulist dd[data-unit]::after {
24  content: attr(data-unit);
25  font-size: 3.5vw;
26}

K_3578

2021/03/30 08:00

質問本文に書かれるべき内容(期待する結果)がタイトルに入ってるせいで本文がよく分からない事になってます。もうちょっとタイトル簡潔に書けるのでは。｢チェックボックスで選択した項目が非表示になる｣とか、もうちょっと考えて見て欲しい。

yambejp

2021/03/30 12:19

クライアント側の表示の問題だけであればPHPの部分はばっさり割愛して表示部分だけに絞ったほうが課題が見つけやすいと思います

行動規範の内容に同意します

回答1件

PHP
1                                <span class="<?php if ( get_post_meta($post->ID, $field['cold'] ,TRUE) ): ?><?php echo 'cold'; ?><?php endif; ?>">
2                                    <?php if ( get_post_meta($post->ID, $field['cold'] ,TRUE) ): ?>温<?php endif; ?>
3                                </span>

こちらの部分ですが、

cold を hot に変更して
また、

PHP
1                                <span class="<?php if ( get_post_meta($post->ID, $field['hot'] ,TRUE) ): ?><?php echo 'hot'; ?><?php endif; ?>">
2                                    <?php if ( get_post_meta($post->ID, $field['hot'] ,TRUE) ): ?>冷<?php endif; ?>
3                                </span>