JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
   <input type="checkbox" class="check"/> <a>Name</a>
</div>

CSS

.parent{
    background-color:#ccc;
    width: 100px;  
}

JavaScript

$("body").delegate(".parent", "click", function(event){
    var checked = $(".check").prop("checked");
    $(".check").prop('checked', !checked);
    console.log(1);
});
$("body").delegate(".check", "click", function(event){
   event.stopPropagation();
    console.log(12);
});