gistfile1.txt

    <script type="text/javascript">
      function engineCheck() {
        if (document.getElementById('electricCheck').checked) {
          // document.getElementById("engine_1").style.display = "block";
          document.getElementById('engine_1').type = 'number';
          // document.getElementById("engine_2").style.display = "none";
          document.getElementById('engine_2').type = 'hidden';
        } else if (document.getElementById('fuelCheck').checked) {
          // document.getElementById("engine_1").style.display = "none";
          document.getElementById('engine_1').type = 'hidden';
          // document.getElementById("engine_2").style.display = "block";
          document.getElementById('engine_2').type = 'number';
        } else if (document.getElementById('hybridCheck').checked) {
          // document.getElementById("engine_1").style.display = "block";
          document.getElementById('engine_1').type = 'number';
          // document.getElementById("engine_2").style.display = "block";
          document.getElementById('engine_2').type = 'number';
        }
      }
    </script>

    <fieldset class="row mb-3">
      <legend class="col-form-label col-sm-2 pt-0">Aracın motor tipi</legend>
      <div class="col-sm-10 offset-sm-2">
        <div class="form-check">
          <input class="form-check-input" type="radio" onclick="engineCheck();" name="engine_type" id="electricCheck" value="Elektrikli">
          <label class="form-check-label" for="electricCheck">
            Elektrikli
          </label>
        </div>
        <div class="form-check">
          <input class="form-check-input" type="radio" onclick="engineCheck();" name="engine_type" id="hybridCheck" value="Hibrit" checked>
          <label class="form-check-label" for="hybridCheck">
            Hibrit
          </label>
        </div>
        <div class="form-check">
          <input class="form-check-input" type="radio" onclick="engineCheck();" name="engine_type" id="fuelCheck" value="Benzinli / Dizel">
          <label class="form-check-label" for="fuelCheck">
            Benzinli / Dizel
          </label>
        </div>
      </div>
    </fieldset>
    
    <div class="row mb-3" id="engine_1">
      <label for="engine_kwh" class="col-sm-2 col-form-label">Aracın motor gücü (kwh)</label>
      <div class="col-auto">
        <input type="number" class="form-control" id="engine_1_inp" name="engine_kwh">
      </div>
    </div>
    <div class="row mb-3" id="engine_2">
      <label for="engine_cc" class="col-sm-2 col-form-label">Aracın motor hacmi (cc)</label>
      <div class="col-auto">
        <input type="number" class="form-control" id="engine_2_inp" name="engine_cc">
      </div>
    </div>