JSFiddle - React, Tailwind, and code Playground

HTML

<input checked="checked" id="PositionA_A001" name="PositionA" type="radio" value="A001"><label for="PositionA_A001">a</label>
<input id="PositionA_A002" name="PositionA" type="radio" value="A002">
<label for="PositionA_A002">b</label>
<input id="PositionA_A003" name="PositionA" type="radio" value="A003">
<label for="PositionA_A003">c</label>
<input id="PositionA_A004" name="PositionA" type="radio" value="A004">
<label for="PositionA_A004">d</label>
<input id="PositionA_A005" name="PositionA" type="radio" value="A005">
<label for="PositionA_A005">e</label>
<div class="html-helper-divsub" id="PositionA_A005_Block" style="display: none;"><input class="form-control" id="PositionOtherA" name="PositionOtherA" type="text" value=""></div>

<br>
<input type="button" value="Test" onclick="Test()">
<p id="TestValue"></p>

JavaScript

function Test()
{
  let PositionA = $("input[name='PositionA']:checked").val();
  document.getElementById("TestValue").innerHTML=PositionA;
}