JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<div class="page"><div class="container"><label>label<input type="checkbox"/></label></div></div>
test
</body>
JavaScript
// Live adding of checkbox
$('body').bind('click').append('<div class="page"><div class="container"><input type="checkbox"/></div></div>');
$(".container").bind('click', function(e) {
var ele = e.target;
if (ele.tagName == 'INPUT' && ele.type == 'checkbox') {
e.stopPropagation();
}
});
$(".page").click(function() {
$(this).css("border", "1px solid red");
});