JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<ul>
<li><input type="checkbox">Tyrannosaurus</li>
<li><input type="checkbox">Tyrannosaurus</li>
<li><input type="checkbox">Tyrannosaurus</li>
<li><input type="checkbox">Tyrannosaurus</li>
<li><input type="checkbox">Tyrannosaurus</li>
<li><input type="checkbox">Tyrannosaurus</li>
</ul>

JavaScript

$("li").on('click',function (e) {
  var cb = $(this).find("input[type='checkbox']");
  cb.prop('checked', !cb.prop('checked'));
  $(this).toggleClass("selected", cb.checked);
});

$('input[type="checkbox"]').click(function(e){
            e.stopPropagation();
        });