Javascript 将复选框更改为按钮以过滤wordpress帖子

我刚刚在我的存档模板中添加了一些代码，以便使用复选框按自定义字段筛选帖子…这一切都很好，但是我希望有按钮而不是复选框，所以我想知道这是否可能

这是我的后过滤器代码：

<div id="search-houses">

<?php 

    $field = get_field_object('purchase');
    $values = isset($_GET['purchase']) ? explode(',', $_GET['purchase']) : array();

?>

    <ul>
        <?php foreach( $field['choices'] as $choice_value => $choice_label ): ?>
        <li>
            <input type="checkbox" value="<?php echo $choice_value; ?>" <?php if( in_array($choice_value, $values) ): ?>checked="checked"<?php endif; ?> /> <?php echo $choice_label; ?>
        </li>
            <?php endforeach; ?>
    </ul>

</div>

您希望有
元素或按钮样式的复选框吗？如果它看起来和工作方式类似于按钮，也可以。因此您可以使用自定义样式的标签，例如：标签应该是输入复选框的下一个同级，以设置选中状态的样式（输入：checked+label）。谢谢，这很有效
<script type="text/javascript">

$('#search-houses').on('change', 'input[type="checkbox"]', function(){

    // vars
    var $ul = $(this).closest('ul'),
        vals = [];

    $ul.find('input:checked').each(function(){

        vals.push( $(this).val() );

    });

    vals = vals.join(",");

    window.location.replace('<?php echo home_url('property'); ?>?purchase=' + vals);

    console.log( vals );

});