JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="7b1fe2bd-1b26-4185-8cd9-aec10e652a70">
 <li>Structured Products<input type="checkbox" name="checkboxlist" /></li>
 <li>Global FID
 <ul>
  <li>PowerPoint Presentations<input type="checkbox" name="checkboxlist" /></li>
  <li>Global Deck
  <ul>
   <li>Test1<input type="checkbox" name="checkboxlist" /></li>

   <li>Test2<input type="checkbox" name="checkboxlist" /></li>
   <li>Test3<input type="checkbox" name="checkboxlist" /></li>

  </ul>
  <input type="checkbox" name="checkboxlist" /></li>
  <li>Credit Default Swaps Position
  <ul>
   <li>Test4<input type="checkbox" name="checkboxlist" /></li>

   <li>Test5<input type="checkbox" name="checkboxlist" /></li>

  </ul>
  <input type="checkbox" name="checkboxlist" /></li>
  <li>Thought Leadership<input type="checkbox" name="checkboxlist" /></li>
  <li>Fixed Income Perspectives<input type="checkbox" name="checkboxlist" /></li>
  <li>Public Policy Information and Regulatory<input type="checkbox" name="checkboxlist" /></li>

  <li>Regional FID<input type="checkbox" name="checkboxlist" /></li>

 </ul>
 <input type="checkbox" name="checkboxlist" /></li>
 <li>Global Rates<input type="checkbox" name="checkboxlist" /></li>
 <li>Global Credit Products<input type="checkbox" name="checkboxlist" /></li>
 <li>FX<input type="checkbox" name="checkboxlist" /></li>

 <li>Emerging Markets<input type="checkbox" name="checkboxlist" /></li>
 <li>Commodities<input type="checkbox" name="checkboxlist" /></li>
 <li>testcat<input type="checkbox" name="checkboxlist" /></li>
 <li>testcat<input type="checkbox" name="checkboxlist" /></li>

</ul>
<button id="target">Target</button>

JavaScript

$(function () {
  $('#target').click(function () {
    var checkValues = $('input[name=checkboxlist]:checked').map(function() {
        return $(this).parent().text();
    }).get();
      alert(checkValues);
  });
});