JSFiddle - React, Tailwind, and code Playground

by gustavox

HTML

<label class="radio" for="Csaldsim">
    Sim
    <input type="radio" data-toggle="radio" name="Tsald" id="Csaldsim" onclick="HabCampos33()"></label>
<label class="radio" for="Csaldnao">
    Não
    <input type="radio" data-toggle="radio" name="Tsald" id="Csaldnao" onclick="HabCampos33()"></label>

<br>
<label class="radio" for="Csaldsim2">
    Sim
    <input type="radio" data-toggle="radio" name="Tsald" id="Csaldsim2" onclick="HabCampos32()"></label>
<label class="radio" for="Csaldnao2">
    Não
    <input type="radio" data-toggle="radio" name="Tsald" id="Csaldnao2" onclick="HabCampos32()"></label>

<br>
<br>

<div  class=" col-md-3 panel panel-default" id="salvenc" style="display:none;">
    <label class="btn" for="Csalvenc">
        <input type="number" class="form-control" name="Tsalvenc" id="Csalvenc"></label>
</div>
<br>
<div  class=" col-md-3 panel panel-default" id="salvenc2" style="display:none;">
    <label class="btn" for="Csalvenc">
        <input type="number" class="form-control" name="Tsalvenc" id="Csalvenc2"></label>
</div>
<br>

JavaScript

function HabCampos33() {
        if (document.getElementById('Csaldsim').checked) {
            document.getElementById('salvenc').style.display = "";
        }  else {
            document.getElementById('salvenc').style.display = "none";
        }
    }


    function HabCampos32() {
        if (document.getElementById('Csaldsim2').checked) {
            document.getElementById('salvenc2').style.display = "";
        }  else {
            document.getElementById('salvenc2').style.display = "none";
        }
    }