JSFiddle - React, Tailwind, and code Playground

by Tushar Jadhav

HTML

<div id="questionAnswerRadio"></div>

JavaScript

$(document).ready(function () {
    var myArray = ["never", "sometimes", "always"];


    for (i = 0; i < myArray.length; i++) {
        addradiobutton("radio", i + 1, label = myArray[i]);
    }



    function addradiobutton(type, number, text) {
        var label = document.createElement("label");

        var element = document.createElement("input");
        //Assign different attributes to the element.
        element.setAttribute("type", type);
        element.setAttribute("value", number);
        element.setAttribute("name", type);
        element.setAttribute("id", "radio_" + number);

        label.appendChild(element);
        label.innerHTML += text;

        var foo = document.getElementById("questionAnswerRadio");
        //Append the element in page (in span).
        foo.appendChild(label);
    }


    $("#questionAnswerRadio").on('change', ':radio', function (event) {
        var currentSlideResult = {};
        currentSlideResult.answerChosen = $(this).parent().text();
        currentSlideResult.numberChosen = $(this).val();
        alert(currentSlideResult.answerChosen);
    });

});