JSFiddle - React, Tailwind, and code Playground

HTML

<input id="B_1" type="radio" name="radioName" value="1" /> <label for="B_1">B1</label><br />

<input id="B_2" type="radio" name="radioName" value="2" /> <label for="B_2">B2</label><br />

<input id="B_3" type="radio" name="radioName" value="3" /> <label for="B_3">B3</label><br />

<input id="B_4" type="radio" name="radioName" value="4" checked/> <label for="B_4">B4</label><br />

<p></p>

JavaScript

$(":radio").on("mousedown", function() {
    $("p").text( $('input[type=radio]:checked').val() );
}).on("mouseup", function() {
    $('input[type=radio]').prop('checked', false);
    $(this).prop('checked', true);
});