JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li><input id="myInput" type="checkbox" /><label for="myInput">This is the label, linked!</label></li>
<li><input id="myInput" type="checkbox" /><label for="myInput">This is the label, linked!</label></li>
</ul>

CSS

li{display:block; border:solid 1px #ccc; height:50px}

JavaScript

$('li').each(function(i){
  var item = $(this);
  var checkbox = $("input[type='checkbox']", item);

  item.bind('click', function(e){
    var isChecked = checkbox.is(':checked');
    checkbox.attr('checked',isChecked?'':'checked');
    
    console.log(isChecked);
      
    e.stopPropagation();
  });
});