JSFiddle - React, Tailwind, and code Playground

by Gabriel Rodrigues

HTML

<div class="row">
  <div class="small-2 large-4 columns">
    <label>PPT Motorista</label>
    <input type="number" placeholder="170,00" name="PptMotorista" id="PptMotorista" />
  </div>
  <div class="small-2 large-4 columns end">
    <label>Frete Motorista</label>
    <input type="number" name="FreteMotorista" id="FreteMotorista" readonly="readonly" tabindex="-1" />
  </div>
</div>

<div class="row">
  <fieldset class="large-6 medium-6 columns">
    <legend>Cálculo do Frete</legend>
    <input type="radio" name="calculoFrete" value="PM" id="menorpeso" required checked>
    <label for="menorPeso">Menor Peso</label>
    <input type="radio" name="calculoFrete" value="PS" id="pesosaida">
    <label for="pesoSaida">Peso de Saída</label>
    <input type="radio" name="calculoFrete" value="PC" id="pesochegada">
    <label for="pesoChegada">Peso de Chegada</label>
  </fieldset>
</div>

JavaScript

var pptMotorista = $("#PptMotorista");
var freteMotorista = $("#FreteMotorista");

$("input[name=calculoFrete]").change(function() {
  var freteResultado = pptMotorista.val();
  if (this.value === 'PM') {

  } else if (this.value === 'PS') {

  } else if (this.value === 'PC') {

  }
  freteMotorista.val(freteResultado);
});