JSFiddle - React, Tailwind, and code Playground

by Felipe Franco

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<label>Novo Cliente?</label>
<input type="radio" for="clienteNo" name="cliente" id="clienteNo" value="No" checked/> &nbsp;Não&nbsp;

<input type="radio" for="clienteYes" name="cliente" id="clienteYes" value="Yes" />&nbsp;Sim
<div id="codigocliente">
  <label>Digite o código do Cliente</label>
  <input type="text" name="codigocliente"  placeholder="Digite o código do cliente">
</div>
<br>
<br>


<label>Faturar no mesmo CNPJ?</label>

<input type="radio" for="cnpjYes" name="fatcnpj" value="Yes" checked>&nbsp;Sim &nbsp;
<input type="radio" for="cnpjNo" name="fatcnpj" value="No">&nbsp;Não




<div id="cnpjcliente">
  <label>Digite o CNPJ</label>
  <input type="text" name="cnpjcliente"  placeholder="Digite o código do cliente">
</div>

JavaScript

function clienteVar() {
  if ($("#clienteYes").prop("checked"))
    $("#codigocliente").show();
  else
    $("#codigocliente").hide();

}
$(document).ready(function() {
  clienteVar();
  $("input[name=cliente]").change(clienteVar);

});
function cnpjVar() {

  if ($("#cnpjNo").prop("checked"))
    $("#cnpjcliente").show();
  else
    $("#cnpjcliente").hide();
}
$(document).ready(function() {

   cnpjVar();
  $("input[name=fatcnpj]").change(cnpjVar);
});