JSFiddle - React, Tailwind, and code Playground

HTML

<span id="checkWrap">
    <span id="checkInner"></span>
    <input type="checkbox" disabled="disabled"/>
</span>

CSS

body{ padding:50px}

#checkWrap{ position:relative; display:block; width:20px; height:20px}
#checkInner{ position:absolute; width:100%; height:100%; display:block; z-index:100}

JavaScript

$('#checkInner').click(function(){
    var $chk=$(this).siblings(':checkbox');
    
    if( $chk.prop('disabled') ){
        alert('Do something');
       
    }
    
})