JSFiddle - React, Tailwind, and code Playground

HTML

<a href='http://goggle.com'><label><input type="checkbox" /></label>link text</a>
<div id="output"></div>

CSS

label {
    padding:5px 15px;
    border:1px solid blue;
}
a {
    padding:5px;
    border:1px solid red;
    background-color:#eee;
}

a:hover { background-color:#ddd; }
#output { margin: 10px; }

JavaScript

$('a').on('click', function(e) { 
    if($(e.target).context.tagName != 'A') return;
    
    $('#output').text("Navigating to Goggle");
});