JSFiddle - React, Tailwind, and code Playground

HTML

<div>
        Question
        <div>
            What is your name? <span id="your-name"></span>
        </div>
        <div>
            <input type="radio" name="r1" value="abc" />abc<br/>
            <input type="radio" name="r1" value="pqr" />pqr<br/>
            <input type="radio" name="r1" value="lmn" />lmn<br/>
        </div>
    </div>

    <div id="comp" style="visibility: hidden">
        Question
        <div>
            What is your company name?<span id="comp-name"></span>
        </div>
        <div>
            <input type="checkbox" name="c1" value="comp1" checked/>comp1<br/>
            <input type="checkbox" name="c1" value="Comp2" />Comp2<br/>
            <input type="checkbox" name="c1" value="Comp3" />Comp3<br/>
        </div>
    </div>

JavaScript

$("input[name='r1']").click(function() {
    $("#your-name").html($(this).val());
    updateCompName();
    $("#comp").css("visibility", "visible");    
});

var updateCompName = function() {
    var element = $("#comp-name");
    var compNames = "";
    compCheckboxes.each(function() {
        if (this.checked === true) {
            compNames += " " + $(this).val();
        }
    });
    $("#comp-name").html(compNames);
}
    
var compCheckboxes = $("input[name='c1']");

compCheckboxes.click(updateCompName);