JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input type="radio">
    <input type="radio">
    <input type="radio">
    <input type="radio">
</form>

<form class="even">
    <input type="radio">
    <input type="radio">
    <input type="radio">
    <input type="radio">
</form>

<form>
    <input type="radio">
    <input type="radio">
    <input type="radio">
    <input type="radio">
</form>
    
<form class="even">
    <input type="radio">
    <input type="radio">
    <input type="radio">
    <input type="radio">
</form>

CSS

form {
  width: 100px;
}

.even {
  background: #f3f3f3;
}

JavaScript

$(document).ready(function () {
  $('input[type=radio]').prop('checked', false);
  $('input[type=radio]:first').prop('checked', true)

  $('input[type=radio]').click(function (event) {
    $('input[type=radio]').prop('checked', false);
    $(this).prop('checked', true);

    event.preventDefault();
  });
});