JSFiddle - React, Tailwind, and code Playground

HTML

<form method="post">
                    <input type="hidden" name="id" value="<!--# Valor=Cliente.Id #-->" />

                    <div class="row">
                        <div class="small-12 columns">
                            <label class="required">Tipo de cliente</label>

                            <input type="radio" id="rjuridica" class="switchVal" data-show="juridica" data-hide="fisica" name="atipo" value="juridica"> 
                            <label for="rjuridica">Pessoa jurídica</label>

                            <input type="radio" id="rfisica" class="switchVal" data-show="fisica" data-hide="juridica" name="atipo" value="fisica">
                            <label for="rfisica">Pessoa física</label>
                        </div>
                    </div>
                     <div class="small-3 columns">
                                <label class="required">CPF</label>
                                <input class="cpf" type="text" name="acpf" value="Alberto Albertino" />
                            </div>
                            <div class="small-3 columns">
                            <label class="required">CNPJ</label>
                            <input class="cnpj" type="text" name="acnpj" value=""/>
                        </div>

JavaScript

$("#rjuridica").click(function(){
	$(".cpf").val(" ");
})