JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" value="0" name="q1">TS</option>
    <input type="radio" value="1" name="q1">S</option>
    <input type="radio" value="2" name="q1">I</option>
    <input type="radio" value="3" name="q1">TI</option>
<br/>
 <input type="radio" value="0" name="q2">TS</option>
    <input type="radio" value="1" name="q2">S</option>
    <input type="radio" value="2" name="q2">I</option>
    <input type="radio" value="3" name="q2">TI</option>
<br/>
 <input type="radio" value="0" name="q3">TS</option>
    <input type="radio" value="1" name="q3">S</option>
    <input type="radio" value="2" name="q3">I</option>
    <input type="radio" value="3" name="q3">TI</option>
<br/>
 <input type="radio" value="0" name="q4">TS</option>
  <input type="radio" value="1" name="q4">S</option>
  <input type="radio" value="2" name="q4">I</option>
  <input type="radio" value="3" name="q4">TI</option>

<div id="result">
    <span id="TS"></span>
    <span id="S"></span>
    <span id="I"></span>
    <span id="TI"></span>
</div>

JavaScript

var rep= [0,0,0,0];
update_result();

$('input[type=radio]').mousedown(function(){
    var radio = $(this).prop("name");
	if($("input[name="+radio+"]:checked").length != 0) {
       	var old_val = $("input[name="+radio+"]:checked").val();
        rep[old_val]--;
     }
}).change(function() {
    var radio = $(this).prop("name");
    console.log($("input[name="+radio+"]:checked"));
    var new_val = $("input[name="+radio+"]:checked").val()
    rep[new_val]++;
    update_result()
});

function update_result() {
	$("#TS").empty().html(rep[0]);
    $("#S").empty().html(rep[1]);
    $("#I").empty().html(rep[2]);
    $("#TI").empty().html(rep[3]);
}