JSFiddle - React, Tailwind, and code Playground
HTML
<input type="button" data-filter='us' value="USA"><br>
<input type="button" data-filter='jp' value="Japanese"><br>
<input type="button" data-filter='de' value="German"><br>
<input type="button" data-filter='import' value="Import"><br>
<input type="checkbox" data-tags='["us"]'>Cadillac<br>
<input type="checkbox" data-tags='["us"]'>Oldsmobile<br>
<input type="checkbox" data-tags='["jp","import"]'>Acura<br>
<input type="checkbox" data-tags='["jp","import"]'>Honda<br>
<input type="checkbox" data-tags='["jp","import"]'>Hyundai<br>
<input type="checkbox" data-tags='["jp","import"]'>Kia<br>
<input type="checkbox" data-tags='["jp","import"]'>Mazda<br>
<input type="checkbox" data-tags='["jp","import"]'>Mitsubishi<br>
<input type="checkbox" data-tags='["jp","import"]'>Nissan<br>
<input type="checkbox" data-tags='["jp","import"]'>Scion<br>
<input type="checkbox" data-tags='["jp","import"]'>Subaru<br>
<input type="checkbox" data-tags='["jp","import"]'>Suzuki<br>
<input type="checkbox" data-tags='["jp","import"]'>Toyota<br>
<input type="checkbox" data-tags='["de","import"]'>VW<br>
<input type="checkbox" data-tags='["hu","import"]'>Rába<br>
JavaScript
$(function(){
$(document).on('click','input[type="button"]',function(e){
var filter = $(this).data('filter');
$('input[type="checkbox"]').each(function(){
var $checkbox = $(this);
var tags = $checkbox.data('tags');
$.each( tags, function(){
if( filter == this ) $checkbox.prop("checked", !$checkbox.prop("checked"));
});
});
});
});