JSFiddle - React, Tailwind, and code Playground

HTML

<input id="Standard" type="checkbox" name="Standard" value="Bike">I have a bike</input>
<br><br>
    <label for="KID">Kamm ID:</label>
<br>
<input class="foo" id="KID" type="text" value="Kamid" name="kammid" />
<br>
    <label for="KOD">Kamm OD:</label>
<br>
<input class="foo" id="KOD" type="text" value="Kamod" name="kammod" />
<br>
<br>
<select name="selectedFacing">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
</select>

JavaScript

$(document).ready(function(){
    $("#Standard").on("click", function(){
      if ($(this).is(":checked")) {
        $("#KID").show();
        $("label[for='KID']").show();        
        $("#KOD").hide();
        $("label[for='KOD']").hide();
      } else {
        $("#KID").hide();
        $("label[for='KID']").hide();
        $("#KOD").show();  
        $("label[for='KOD']").show();
      }
    });
    
});