JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" id="a1" name="groupA"><label for="a1"> a1</label>
<input type="radio" id="a2" name="groupA"><label for="a2"> a2</label>
<input type="radio" id="a3" name="groupA"><label for="a3"> a3</label>
<a href="#clear-groupA" class="clear">clear</a>
<br />
<input type="radio" id="b1" name="groupB"><label for="b1"> b1</label>
<input type="radio" id="b2" name="groupB"><label for="b2"> b2</label>
<a href="#clear-groupB" class="clear">clear</a>
<br />
<input type="radio" id="c1" name="groupC"><label for="c1"> c1</label>
<input type="radio" id="c2" name="groupC"><label for="c2"> c2</label>
<input type="radio" id="c3" name="groupC"><label for="c3"> c3</label>
<input type="radio" id="c4" name="groupC"><label for="c4"> c4</label>
<a href="#clear-groupC" class="clear">clear</a>

JavaScript

$("a.clear").click(function(e) {
    
    var group_name = $(this).attr("href").substr(7);
    
    // if jquery 1.6++
    $(":radio[name='" + group_name + "']").prop('checked', false);
    
    // prev than 1.6
    // $(":radio[name='" + group_name + "']").attr('checked', false);
    
    return false;
});