JSFiddle - React, Tailwind, and code Playground

HTML

<div data-bind="click: parentClick">
    <input type="checkbox" data-bind="checked: isSelected, click: function(){return true}, clickBubble:false">
</div>

CSS

div { width: 100px; background: red; }

JavaScript

var VM = function() {
    
    this.isSelected = false;
  
    this.parentClick = function() {
        alert('parent click');
    };    
};
ko.applyBindings(new VM());