JSFiddle - React, Tailwind, and code Playground
HTML
Click the label!
<ul>
<li class="group"><input type="checkbox" id="ck" /> <label for="ck">Label</label></li>
</ul>
JavaScript
var $checkbox = $('#ck'),
$group = $checkbox.closest('.group');
$group.bind( 'click', function( e ) {
console.log('group', e.target);
});
$checkbox.bind( 'click', function( e ) {
console.log('checkbox', e.target);
e.stopPropagation();
});
$checkbox.next().bind( 'click', function( e ) {
console.log('label', e.target);
});