JSFiddle - React, Tailwind, and code Playground

by MarkKramer

HTML

<input type="radio" name="group1" value="Radio1" checked="checked" /> Radio 1<br>
<input type="radio" name="group1" value="Radio2" /> Radio 2<br>
<input type="text" name="conditionalbox" style="display:none;" />

JavaScript

$(function(){
        $("input[name=group1]:radio").change(function(){
            if ($("input[name='group1']:checked").val() == 'Radio1')
            {
                // Code for handling value 'Radio1'
                $("input[type='text']").css('display', 'none');
            }
            else if ($("input[name='group1']:checked").val() == 'Radio2')
            {
                // Code for handling value 'Radio2'
                $("input[type='text']").css('display', 'block');
            }
        });
    });