JSFiddle - React, Tailwind, and code Playground

HTML

<label id="wow"><input type="checkbox" name="checkbox" value="value" id="winput">Text</label>

JavaScript

window.onload = function(){
     var wow = document.getElementById("wow");
     wow.onclick = function(){
         alert("hi");
     }
     
     document.getElementById("winput").addEventListener('click', function(event){
         alert('input click');
         
         //stop bubble
         event.stopPropagation();
         
     }, false); 
  }