JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><input type='checkbox'/></li>
</ul>

CSS

li{ background-color:red; list-style:none; width:200px; height:50px;}

JavaScript

$('li').click(function(){
    alert('li');
});

$('input').click(function(e){
    
    e.stopPropagation();
    
      alert('check');
});