JSFiddle - React, Tailwind, and code Playground

by Park Mino

HTML

<div class="radiobox" id="radiobox">
    <label><input type="radio" name="chk_info" id="radio_01" value="one" />1111</label>
    <label><input type="radio" name="chk_info" id="radio_02" value="otp" />otp</label>
    <label><input type="radio" name="chk_info" id="radio_03" value="thr" />33333</label>
    
    <dl id="otp">
        <dt style="color:#000;">OTP</dt>
        <dd><input type="text" /></dd>
    </dl>
</div>

JavaScript

$("#otp").hide();
$("#radiobox > label > input").click(function(){
    var otpchk = $(this).attr("value");
    if( otpchk == "otp"){
        $("#otp").show();
    } else {
        $("#otp").hide();
    }
});