JSFiddle - React, Tailwind, and code Playground

by Pratik Bhonsle

HTML

<input type="radio" name="rdo_keuze" id="keuze_1" value="1">keuze1</input>
<input type="radio" name="sub_rdo_keuze" id="keuze_2" value="2">keuze2</input>
<input type="radio" name="sub_rdo_keuze" id="keuze_3" value="3">keuze3</input>
<input type="radio" name="sub_rdo_keuze" id="keuze_4" value="4">keuze4</input>
<input type="radio" name="rdo_keuze" id="keuze_5" value="5">keuze5</input>
<input type="radio" name="rdo_keuze" id="keuze_6" value="6">keuze6</input>
<input type="radio" name="rdo_keuze" id="keuze_7" value="7">keuze7</input>
<div id="d1" style="visibility:hidden;"></div>

JavaScript

function showdivs(obj) {
    $('#d1').css('visvisibility', 'visible').html(obj);
}
$(document).ready(function() {
    $('input:radio:').click(function() {
        showdivs(this.value);
    });
});
if ($('input:radio:checked').val() == 1 && $('input[name=sub_rdo_keuze]:checked').val() !== undefined) {
    showdivs($('input[name=sub_rdo_keuze]:checked').val());
} else {
    showdivs($('input:radio:checked').val());
}