JSFiddle - React, Tailwind, and code Playground

by diode

HTML

<input type="radio" id="r1" name="myRadios" onchange="handleChange(event);" onmousedown="handleMouse(event)" value="1" />
<input type="radio" id="r2" name="myRadios" onchange="handleChange(event);" onmousedown="handleMouse(event)" value="2" />

JavaScript

handleChange = function(e){
    console.log("checked value " + e.currentTarget.value);
}

    
handleMouse = function(e){
    var radios = document.getElementsByName("myRadios");
    var val;
    for(var i = 0; i < radios.length; i++){
        if(radios[i].checked){
            val = radios[i].value;
        }
    }
    
    console.log("previous value " + val);
}