JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="propsContent">
                                        <li>
                        <input class="checkbox" type="checkbox" checked name="bfilter[brand][]" value="1" class="cb" id="cb_1_">
                        <label for="cb_1_"><span></span>Acer</label>
                    </li>
                                        <li>
                        <input class="checkbox" type="checkbox" checked name="bfilter[brand][]" value="2" class="cb" id="cb_2_">
                        <label for="cb_2_"><span></span>Apple</label>
                    </li>
                                        <li>
                        <input class="checkbox" type="checkbox"  name="bfilter[brand][]" value="3" class="cb" id="cb_3_">
                        <label for="cb_3_"><span></span>Asus</label>
                    </li>
                                        <li>
                        <input class="checkbox" type="checkbox"  name="bfilter[brand][]" value="4" class="cb" id="cb_4_">
                        <label for="cb_4_"><span></span>Fujitsu</label>
                    </li>
                                        <li>
                        <input class="checkbox" type="checkbox"  name="bfilter[brand][]" value="5" class="cb" id="cb_5_">
                        <label for="cb_5_"><span></span>Hewlett-Packard</label>
                    </li>
                                        <li>
                        <input class="checkbox" type="checkbox"  name="bfilter[brand][]" value="6" class="cb" id="cb_6_">
                        <label for="cb_6_"><span></span>HTC</label>
                    </li>
                                        <li>
                        <input class="checkbox" type="checkbox"  name="bfilter[brand][]" value="7" class="cb" id="cb_7_">
                        <label for="cb_7_"><span></span>Lenovo</label>
                    </li>
                                        <li>
                        <input class="checkbox"...

CSS

#ok {
  cursor:pointer;
}

JavaScript

$(document).ready(function(){
            $('.checkbox').change(function(){            		
                $('input[name="' + $(this).attr('name') +'"]').not($(this)).removeAttr('checked');  
            });          

        });