JSFiddle - React, Tailwind, and code Playground

HTML

<form name="Edit" method="POST" action="?entityID=475">
    
    <div id="getmytime">
        <p>Were you in the office on the <strong>24-Jul-2011</strong><br />
            <input type="radio" name="btnyes" id="btnyes" value="getmytimeregular" />Yes<br />
            <input type="radio" name="btnyes" id="btnyes" value="getmytimetaken" />No
        </p>
    </div>
    
    
    <div id="getmytimeregular" class="hidemyforms">
        
        <table width="700" border="0" cellspacing="2" cellpadding="2" bgcolor="#ffffff">
            <tr bgcolor="#ffffff"><td align="left" valign="top" colspan="2" height="20" class="textbold"></td></tr>
            <tr bgcolor="#ffffff"> 
                <td align="left" valign="top" width="200" height="25" class="textbold">&nbsp;Published Date</td>
                <td align="left" valign="top" width="500" height="25" class="content">24-Jul-2011</td>
            </tr> 
            
            
            
            <tr bgcolor="#ffffff"> 
                <td align="left" valign="top" width="200" height="20" class="textbold">&nbsp;Annual Leave</td>
                <td align="left" valign="top" width="500" height="30" class="content"> 
                    <select name="AnnualLeave" class="formfieldct2">
                        <option value="0">None</option>
                        <option value="0.5" >0.5</option>
                        <option value="1.00" >1</option>
                        <option value="1.50" >1.5</option>
                        <option value="2.00" >2</option>
                        <option value="2.50" >2.5</option>
                        <option value="3.00" >3</option>
                        <option value="3.50" >3.5</option>
                        <option value="4.00" >4</option>
                        <option value="4.50" >4.5</option>
                        <option value="5.00" >5</option>
                        <option value="5.50" >5.5</option>
                        <option value="6.00"...

CSS

.hidemyforms, .showsubmit { display: none; }

JavaScript

$(document).ready(function() {
    $("input[name$='btnyes']").click(function() {
        var test = $(this).val();
        $("div.hidemyforms").hide();
        $("#" + test).show();
        $("div.showsubmit").show();

        //$("#getmytimetaken input[type=radio]").attr('selected', '');
        //$("#getmytimetaken").hide().find("input").val("");
        
        if($(this).val() == "getmytimeregular") defaultNo();
    });
});




$('.formfieldct4').change(function() {
    var grabOnlyOne = $('.formfieldct4[selectedIndex!=0]').length;
    if (grabOnlyOne >= 1) $('.formfieldct4[selectedIndex=0]').attr('disabled', 'disabled');
    else $('.formfieldct4').removeAttr('disabled');
});

function defaultNo(){
    $("#getmytimetaken select").val("0").removeAttr('disabled');
}