如何为自定义字段中继器添加复选框?

时间:2017-03-18 16:52:25

标签: php jquery css wordpress advanced-custom-fields

我目前的代码,它有效。

我的目标:

我希望有一个&#34的复选框;不可用"大小,所以如果我选中该框,它将添加class =" na"对于tr行,所以颜色为灰色 我如何实现这一目标?

尺码指南

<section class="row-wrap">
    <div class="row-inner">
        <table class="size-guide" border="0" cellpadding="0" cellspacing="0">
            <tbody>
                <tr>
                    <th>UK</th>
                    <th>EU</th>
                    <th>Chest(cm)</th>
                    <th>Chest(in)</th>
                    <th>Height(cm)</th>
                </tr>

                <?php

                // check if the repeater field has rows of data
                if( have_rows('size_guide') ):

                    // loop through the rows of data
                    while ( have_rows('size_guide') ) : the_row(); ?>

                        <tr class="na">
                            <td><?php the_sub_field('uk'); ?></td>
                            <td><?php the_sub_field('eu'); ?></td>
                            <td>$<?php the_sub_field('chest_(cm)'); ?></td>
                            <td><?php the_sub_field('chest_(in)'); ?></td>
                            <td>$<?php the_sub_field('height_(cm)'); ?></td>
                        </tr> 

                    <?php endwhile;

                else :

                    // no rows found

                endif;
                ?>
            </tbody>
        </table>
    </div>
</section>
<!-- /size guide -->

1 个答案:

答案 0 :(得分:0)

好的说你在你的转发器字段中添加了一个名为available的复选框。您只需检查该复选框值即可。如果它等于没有添加你的na类。

SELECT * FROM subjects