JSFiddle - React, Tailwind, and code Playground

by Tiago Antonio Jacobi

HTML

<input type="radio" value="Current" onclick="calculateTotal()" name="transferring_vehicle_license" id="transferring_vehicle_license" onchange="showhideCOREForm(this.value);" required="yes"/><label for="transferring_vehicle_license">Current Registration</label>
<input type="radio" value="Expired" name="transferring_vehicle_license" id="notransferring_vehicle_license"  onclick="calculateTotal()" onchange="showhideCOREForm(this.value);"/><label for="notransferring_vehicle_license">Expired Registration</label>

<div id="div12" style="display:none">

	<div class="clearfix">
		<label for='CMonths' class="labelDoubleIndent">Calculate Months:</label>
		<select name="month1" id="month1" size="1">
    		<option value="">Choose a Month</option>
    		<option value="0">January</option>
    		<option value="1">February</option>
    		<option value="2">March</option>
    		<option value="3">April</option>
    		<option value="4">May</option>
    		<option value="5">June</option>
    		<option value="6">July</option>
    		<option value="7">August</option>
    		<option value="8">September</option>
    		<option value="9">October</option>
    		<option value="10">November</option>
    		<option value="11">December</option>
		</select>
		<select name="month2" id="month2" size="1">
    		<option value="">Choose an Option</option>
    		<option value="2">2</option>
    		<option value="14">14</option>
		</select>
		<select name="month3" id="month3" size="1">
    		<option value="">Choose an Option</option>
    		<option value="3">3</option>
    		<option value="15">15</option>
		</select>

		<div id="secondYear" class="labelDoubleIndent">
        	<b>Do you want to add a second year?</b>
        	Yes: <input type="checkbox" name="secondYear" id="secondYearCB" />
    	</div><!-- secondYear -->
	</div>
</div>

<div id="div11" style="display:none">

</div>

JavaScript

function showhideCOREForm(transferring_vehicle_license ) {
    if (transferring_vehicle_license  == "Current") {
        document.getElementById("div11").style.display = 'block';
        document.getElementById("div12").style.display = 'none';
        $("#secondYearCB").prop("checked", false);
        FC.wantsASecondYear = false;
    } else if (transferring_vehicle_license  == "Expired") {
        document.getElementById("div12").style.display = 'block';
        document.getElementById("div11").style.display = 'none';
        $("#div12 > .clearfix > select").val("");
    }
}