JSFiddle - React, Tailwind, and code Playground

by Ranganadh Paramkusam

HTML

<div class="search-option">
  <input type="checkbox" id="1" name="test1" value="product a" />
  <input type="checkbox" id="2" name="test2" value="product b" />
  <input type="checkbox" id="3" name="test3" value="product c" />
  <input type="checkbox" id="4" name="test4" value="product d" />
  <input type="checkbox" id="5" name="test5" value="product e" />
</div>

<div class="ni-search" id="cat_1"></div>

JavaScript

$("input").click(function(){
    x=[];
    $("input:checked").each(function(a){x.push($(this).val());});
    $("#cat_1").text(x);
})