JSFiddle - React, Tailwind, and code Playground
HTML
<input type="radio" name="rr" value="r1" checked/>r1
<input type="radio" name="rr" value="r2" />r2
<input type="radio" name="rr" value="r3" />r3
JavaScript
var radioButtons = $("input[type='radio'][name='rr']");
var radioStates = {};
$.each(radioButtons, function(index, rd) {
radioStates[rd.value] = $(rd).is(':checked');
});
radioButtons.click(function() {
var val = $(this).val();
$(this).attr('checked', (radioStates[val] = !radioStates[val]));
$.each(radioButtons, function(index, rd) {
if(rd.value !== val) {
radioStates[rd.value] = false;
}
});
});