JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bla">blabla</div>
<input class="radioItem" type="radio" id="a"/>
<label id="lbl" for="a">Hello</label>

CSS

.hoverSimulate,#lbl:hover{
    background:#ccc;
}
#bla{
    margin: 40px 0;
}

JavaScript

$("#bla").mouseenter(function(){
$("#lbl").addClass("hoverSimulate");
    $(".radioItem").prop("checked","true")
}).mouseleave(function(){
$("#lbl").removeClass("hoverSimulate");
      $(".radioItem").removeAttr("checked")
})