JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="table" id="tagstable">
<tbody>
<tr>
<td>
<label data-tagid="1" class="mt-checkbox mt-checkbox-outline">
<input type="checkbox" class="chkclass">one<span></span>
</label>
</td>
<td>
<label data-tagid="2" class="mt-checkbox mt-checkbox-outline">
<input type="checkbox" class="chkclass">TWO<span></span>
</label>
</td>
<td>
<label data-tagid="3" class="mt-checkbox mt-checkbox-outline">
<input type="checkbox" class="chkclass">Three<span></span>
</label>
</td>
<td>
<label data-tagid="4" class="mt-checkbox mt-checkbox-outline">
<input type="checkbox" class="chkclass">Four<span></span>
</label>
</td>
</tr>
<tr>
<td>
<label data-tagid="5" class="mt-checkbox mt-checkbox-outline">
<input type="checkbox" class="chkclass">Five<span></span>
</label>
</td>
<td>
<label data-tagid="6" class="mt-checkbox mt-checkbox-outline">
<input type="checkbox" class="chkclass">SIX<span></span>
</label>
</td>
<td>
<label data-tagid="23" class="mt-checkbox mt-checkbox-outline">
<input type="checkbox" class="chkclass">SEVEN<span></span>
</label>
</td>
<td>
<label data-tagid="24" class="mt-checkbox mt-checkbox-outline">
<input type="checkbox" class="chkclass">EIGHT<span></span>
</label>
</td>
</tr>
<tr>
<td>
<label data-tagid="25" class="mt-checkbox mt-checkbox-outline">
<input type="checkbox" class="chkclass">nine<span></span>
</label>
</td>
<td>
<label...
JavaScript
$(document).ready(function()
{
$('#filter').on('input', function()
{
var val = $.trim(this.value).toLowerCase();
var tr = $('#tagstable tbody td');
el = tr.find('label:contains(' + val+ ')').closest('td')
tr.not(el).fadeOut();
el.fadeIn();
})
});