JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<select id="dropDown">
    <option>Select</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>
<div id="radioContainer"></div>

JavaScript

function createRadioButtons(n) {
    $("#radioContainer").empty();
    for (var i = 0; i < n; i++) {
        radioButtons = "<p><input type='radio' class='" + n + "' name='" + n + "'>" + (i + 1) + "</p>";
        $("#radioContainer").append(radioButtons);
    }
}

$("#dropDown").on("change", function () {
    createRadioButtons(parseInt($(this).val()));
});

$("#radioContainer").on("change","input",function()
{
  alert("checked");
});