【やりたいこと】
WordPressのAdvanced Custom Fieldsを使って、
table内に選択肢を全て表示させて、さらにその中で選択されたもののみ背景色を付ける。
ということをしたいです。
【現状できていること】
とりあえず、下記のphpコードで全部の選択肢は表示させることができました。
(参考サイト:https://www.advancedcustomfields.com/resources/get_field_object/)
PHP
1<table> 2 <tbody> 3 <tr> 4 <th>サンプル</th> 5 <?php 6 $field = get_field_object('equipment01'); 7 if( $field['choices'] ): ?> 8 <?php foreach( $field['choices'] as $value => $label ): ?> 9 <td><?php echo $label; ?></td> 10 <?php endforeach; ?> 11 <?php endif; ?> 12 </tr> 13 </tbody> 14</table>
【追記】
他にも、下記コードでも試してみました。
試したコード①(参考サイト:https://ja.wordpress.org/support/topic/wordpress-%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%80%8cadvanced-custom-fields%e3%80%8d%e3%81%ae%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e5%87%ba%e5%8a%9b/)
PHP
1<table> 2 <tbody> 3 <tr> 4 <th>サンプル</th> 5 <?php 6 // チェックされていない項目も含めてチェックボックス全体を取得 7 $field = get_field_object( 'equipment01' ); 8 // チェックされている項目を取得(配列) 9 $equipment = get_field( 'equipment01' ); 10 if ( empty( $equipment ) ) // 一つもチェックされていなければ空の配列にする 11 $equipment = array(); ?> 12 13 <?php // 選択肢ぜんぶをループ 14 foreach ( $field['choices'] as $key => $value ): 15 // $key : 選択肢の内部コード 16 // $value : 選択肢のラベル(AAA, BBB, CCC, DDD) 17 // 選択肢がチェックされていたらクラスを付ける 18 $checked = in_array( $key, $equipment ) ? 'class="checked"' : ''; ?> 19 <td <?php echo $checked; ?>><?php echo $value; ?></td> 20 <?php endforeach; ?> 21 </tr> 22 </tbody> 23</table>
【①の結果】
var_dump($checked);がNULLで、classが付与されません。
試したコード②(参考サイト:https://stackoverflow.com/questions/31386261/add-class-to-acf-multi-select)
PHP
1<table> 2 <tbody> 3 <tr> 4 <th>サンプル</th> 5 <?php 6 $equipment01 = get_field_object('equipment01'); 7 $choices = $equipment01['choices']; 8 $values = $equipment01['value']; 9 10 if ( $equipment01 ): 11 12 foreach ( $choices as $key => $choice) { 13 $class = in_array($key, $values) ? 'class="checked"' : ''; 14 echo '<td ' . $class . '>'. $choice .'</td>'; 15 } 16 endif; 17 ?> 18 </tr> 19 </tbody> 20</table>
【②の結果】
var_dump($class);がNULLで、classが付与されません。
試したコード③(参考:https://teratail.com/questions/231276)
<table> <tbody> <tr> <th>サンプル</th> <?php // チェックされていない項目も含めてチェックボックス全体を取得 $field = get_field_object( 'equipment01' ); // チェックされている項目を取得(配列) $equipment = get_field( 'equipment01' ); if ( empty( $equipment ) ) // 一つもチェックされていなければ空の配列にする $equipment = array(); ?> <?php // 選択肢ぜんぶをループ var_dump($checked); foreach ( $field['choices'] as $key => $value ): // $key : 選択肢の内部コード // $value : 選択肢のラベル(AAA, BBB, CCC, DDD) // 選択肢がチェックされていたらクラスを付ける $checked = in_array( $key, $equipment ) ? ' checked' : ''; ?> <td class="<?php echo $checked; ?>"><?php echo $value; ?></td> <?php endforeach; ?> </tr> </tbody> </table>
【③の結果】
var_dump($checked);がNULLで、classが付与されません。また、<li class>AAA</li>と出力されてしまいます。
【ご教示いただきたいこと】
以上、過去同じような事例で解決された方々のコードを色々と試しましたが、なぜか私の場合はclassが付与されません。
チェックの付いた(選択された)項目にのみ「checked」というclassを付与する方法について、何か原因や正しいコードなど、お分かりのことがございましたら、ご教示のほどよろしくお願いいたします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。