JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    Deselectable Radio: <input type="radio" name="foo"/>
</div>
<div>
    Deselectable Radio 2: <input type="radio" name="foo"/>
</div>
<div>
    Deselectable Radio 3: <input type="radio" name="foo"/>
</div>

JavaScript

var makeRadiosDeselectableByName = function(name){
    $('input[name=' + name + ']').click(function() {
        if($(this).attr('previousValue') == 'true'){
            $(this).attr('checked', false)
        } else {
            $('input[name=' + name + ']').attr('previousValue', false);
        }
        
        $(this).attr('previousValue', $(this).attr('checked'));
    });
};


makeRadiosDeselectableByName('foo');