Checkbox Filter with jQuery

October 03, 2018

This example works great with Isotope, Masonry, and jQuery filters.

HTML Checkbox filter list

Term list being generated by get terms as checkboxes

<div id="filter">
	<div class="filter_item">
		<h3>Building Type</h3>
		<?php echo get_terms_checkboxes('building_type', $args = array('hide_empty'=>true)); ?>
	</div>
</div>

HTML

<div class="show_home" data-category="<?php foreach ($building as $term) { echo $term->slug; } ?>

Source.