JSFiddle - React, Tailwind, and code Playground

by Photoshop cc

HTML

<li id="category-185"><label class="selectit"><input value="185" name="category[]" id="in-category-185" type="checkbox"> nature vectors</label><ul class="children">

<li id="category-186"><label class="selectit"><input value="186" name="category[]" id="in-category-186" type="checkbox"> dusts vectors</label>	<ul class="children">

<li id="category-192"><label class="selectit"><input value="192" name="category[]" id="in-category-192" type="checkbox"> people vectors</label></li>
	</ul>
</li>
</ul>
</li>

<li id="category-1"><label class="selectit"><input value="1" name="category[]" id="in-category-1" type="checkbox"> Uncategorized</label><ul class="children">

<li id="category-193"><label class="selectit"><input value="193" name="category[]" id="in-category-193" type="checkbox"> kids vectors</label></li>

<li id="category-194"><label class="selectit"><input value="194" name="category[]" id="in-category-194" type="checkbox"> new vectors</label></li>
</ul>
</li>

JavaScript

$(function() {


$('.selectit input:checkbox').click(function() {
                var checkedStatus = this.checked;
                $("input:checkbox").each(function() {
                    
                       this.checked = checkedStatus;
                    
                });
             
            });
  
  
  
  
  
  
  
  
  
});