JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="searchFilter">
    <li><input type="checkbox" name="price[]" class="cb_price" value="1"> $200,000 to $299,999</li>
    <li><input type="checkbox" name="price[]" class="cb_price" value="3"> $300,000 to $399,999</li>
    <li><input type="checkbox" name="price[]" class="cb_price" value="5"> $400,000 to $499,999</li>
    <li><input type="checkbox" name="price[]" class="cb_price" value="8"> $500,000+</li>
</ul>

JavaScript

var checkboxes = $('input[name="price[]"]');

checkboxes.on("click", function () {
    var $checked = checkboxes.filter(":checked"),
        checkedValues = $checked.map(function () {
            return this.value;
        }).get();
    alert(checkedValues);
});