JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <span> <input type="radio" name="group1" value="Male">  Male </span> </br>
  <span> <input type="radio" name="group1" value="Female"> Female </span> </br>
  <hr>
</div>

CSS

.checked {border: 1px solid red;}

JavaScript

$("input[type='radio']").change(function(){
   if(this.checked) {
      $('span.checked').removeClass('checked');
      $(this).parent().addClass('checked');
   }
});