JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>


                <a id="a1" href="">
                    <input value="1" name="rb" type="radio" id="rb1">
                    <span>Details 1</span>
                </a>
<br/>
                <a id="a2" href="">
                    <input value="2" name="rb" type="radio" id="rb2">
                    <span>Details 2</span>
                </a>

</body>

JavaScript

$(function() {
    $('input:radio').click(function(e) { 
        e.stopPropagation();
    });
    $('a[id^="a"]').click(function(e) {
        $('input:radio:first', this).attr("checked", true);
        return false;
    });
});