JSFiddle - React, Tailwind, and code Playground

by holden321

HTML

<form id="pForm">
    <input name="a" type="radio"/>0<br/>
    <input name="a" type="radio"/>1<br/>
    <input name="a" type="radio"/>2<br/>
    <input name="a" type="radio"/>3<br/>
    <input type="submit"/>
</form>
<div id="xx"></div>

JavaScript

// создаем массив из радио-батонов
var radios=Array.prototype.slice.call(document.getElementsByName("a"));

document.getElementById("pForm").onclick=function(e){
    // e.target не кроссбраузерно
    // поэтому лучше использовать jQuery
    if(e.target.name=="a") {
        // ищем в массиве radios элемент по которому нажали
        document.getElementById('xx').innerHTML=radios.indexOf(e.target);
    }
};