JSFiddle - React, Tailwind, and code Playground

HTML

<input type='text' placeholder='Search' class='text'><br>
    <span class="checkbox-wrapper" id="a"><input type='checkbox' id='a'>A<br></span>
    <span class="checkbox-wrapper" id="b"><input type='checkbox' id='b'>B<br></span>
    <span class="checkbox-wrapper" id="c"><input type='checkbox' id='c'>C<br></span>
    <span class="checkbox-wrapper" id="d"><input type='checkbox' id='d'>D<br></span>

JavaScript

$('.text').keyup(function submitClosure(ev) {
    $('.checkbox-wrapper').each(function inputElementClosure(index, element) {
        element = $(element);
        
        if (element.attr('id').toLowerCase().indexOf(ev.target.value.toLowerCase()) > -1) {
            element.show();
        } else {
            element.hide();
        }
    });
});