JSFiddle - React, Tailwind, and code Playground
HTML
<input type="radio" name="myRadios" value="1" />
<input type="radio" name="myRadios" value="2" />
<input type="radio" name="myRadios" value="3" />
<input type="radio" name="myRadios" value="4" />
<input type="radio" name="myRadios" value="5" />
JavaScript
$(function () {
//if you have any radio selected by default
$('[name="myRadios"]:checked').addClass('selected');
});
$(document).on('click', '[name="myRadios"]', function () {
if (!$(this).hasClass('selected')) {
var $selected = $('.selected[name="myRadios"]');
if ($selected.length != 0){
alert("radio box with value " + $selected.val() + " was deselected");
$selected.removeClass('selected');
}
}
$(this).addClass('selected');
});