JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" name="group" value="book_folder" onchange="makeCheckBoxes()">Create New Book</input>

<input type="radio" name="group" value="book_chapter" onchange="makeCheckBoxes()">Create New Chapter</input>

JavaScript

function makeCheckBoxes(){
    alert("ddd");
    var ele = document.getElementsByName('group');
var i = ele.length;
    alert(i);
for (var j = 0; j < i; j++) {
    if (ele[j].checked) {
        alert('radio '+j+' checked');
    }
    else {
        alert('radio '+j+' unchecked');
    }
}
}