JSFiddle - React, Tailwind, and code Playground
HTML
<label>
<input class="showCB" id="wait_dev" type="checkbox" />Wait dev</label>
<br />
<label>
<input class="showCB" id="wait_support" type="checkbox" />Wait support</label>
<br />
<label>
<input class="showCB" id="wait_branch" type="checkbox" />Wait branch</label>
<br />
<table>
<tr class="bugrow wait_dev">
<td>dev</td>
</tr>
<tr class="bugrow wait_support">
<td>support</td>
</tr>
<tr class="bugrow wait_branch">
<td>branch</td>
</tr>
</table>
JavaScript
jQuery(function() {
jQuery('.showCB').change(function() {
var cBs = jQuery('.showCB:checked'),
chkd = cBs.length,
toHide = jQuery('.bugrow');
toHide.show();
if (chkd > 0) {
cBs.each(function() {
toHide = toHide.not('.' + this.id);
});
toHide.hide();
}
});
});