JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" class="active-radio" name="radioButton" id="rd1">
<input type="radio" class="active-radio" name="radioButton" id="rd2">
<input type="radio" class="active-radio" name="radioButton" id="rd3">
<input type="radio" class="active-radio" name="radioButton" id="rd4">
<input type="radio" class="active-radio" name="radioButton" id="rd5">

JavaScript

$(".active-radio").click(function(){
$(".active-radio").attr('checked', false);
$(this).attr('checked', true);
  // Holds the product ID of the clicked element
  /* var current = $(this).attr('class').replace('addproduct ', '') */;

  
});