JSFiddle - React, Tailwind, and code Playground

HTML

<input data-departments="1" type="checkbox">1 bedroom<br>
<input data-departments="2" type="checkbox">2 bedrooms<br>
<input data-departments="3" type="checkbox">3 bedrooms<br><br>

    <div data-departments="1">1 bedroom apartment</div>
    <div data-departments="1">1 bedroom apartment</div>
    <div data-departments="3">3 bedroom apartment</div>
    <div data-departments="2">2 bedroom apartment</div>
    <div data-departments="2">2 bedroom apartment</div>
    <div data-departments="2">2 bedroom apartment</div>
    <div data-departments="3">3 bedroom apartment</div>
    <div data-departments="2">2 bedroom apartment</div>
    <div data-departments="1">1 bedroom apartment</div>
    <div data-departments="2">2 bedroom apartment</div>

JavaScript

$('input').change(function(){
    $('input').each(function(){
        var checked = $(this).attr('checked') || false;
        var allDepartments = $(this).data('departments');
        $('div').each(function(){
            if ($(this).data('departments')==allDepartments){
                checked ? $(this).show() : $(this).hide();
            }
        });
    });
});