JSFiddle - React, Tailwind, and code Playground

HTML

<div class="store_category_list">
              <ul id="selectlist_categories"><li class="category"><input type="checkbox" name="categories[]" value="Accessories" id="5">Accessories</li><li class="category"><input type="checkbox" name="categories[]" value="Bags" id="3">Bags</li><li class="category"><input type="checkbox" name="categories[]" value="Belts" id="11">Belts</li><li class="category"><input type="checkbox" name="categories[]" value="Bridalwear" id="22">Bridalwear</li><li class="category"><input type="checkbox" name="categories[]" value="Childrenswear" id="7">Childrenswear</li><li class="category"><input type="checkbox" name="categories[]" value="Eyewear" id="15">Eyewear</li><li class="category"><input type="checkbox" name="categories[]" value="Fragrance" id="10">Fragrance</li><li class="category"><input type="checkbox" name="categories[]" value="Gloves" id="21">Gloves</li><li class="category"><input type="checkbox" name="categories[]" value="Hats" id="12">Hats</li><li class="category"><input type="checkbox" name="categories[]" value="Jewellery" id="14">Jewellery</li><li class="category"><input type="checkbox" name="categories[]" value="Knitwear" id="8">Knitwear</li><li class="category"><input type="checkbox" name="categories[]" value="Menswear" id="1">Menswear</li></ul>            </div>

JavaScript

jQuery('#selectlist_categories input[type=checkbox]').live('click',function(){
        var cat_id = jQuery(this).attr('id');
        
        if(jQuery(this).is(':checked')) {
          alert('You have unchecked the checkbox');
        } else {
          alert('You have checked the checkbox');
        }
      });