JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<div id="vm">
  <div class="myDIv" id="MyDiv" data-bind="click : function(){$root.clicked(event); }" style="width : 50px; height : 50px; background-color : red;">
    <input type="checkbox" data-bind="checked : attribute" value="checkbox-1"/>
  </div>
</div>

JavaScript

function MyViewModel(){
this.attribute = ko.observableArray([]);
 this.clicked = function(event){
 	console.log(event.currentTarget.id);
  return true;
 }
}
ko.applyBindings(new MyViewModel());