teste condicional

PF PJ

document.addEventListener('DOMContentLoaded', function() { const cpfField = document.getElementById('cpf'); // Campo CPF const cnpjField = document.querySelector('input[name="cnpj"]'); // Campo CNPJ const tipoRadios = document.querySelectorAll('input[name="tipo"]'); // Radio buttons PF e PJ // Função para atualizar a visibilidade dos campos function atualizarCampos() { const tipoSelecionado = document.querySelector('input[name="tipo"]:checked').value; if (tipoSelecionado === 'PF') { cpfField.style.display = 'inline'; // Exibe o campo CPF cnpjField.style.display = 'none'; // Oculta o campo CNPJ } else if (tipoSelecionado === 'PJ') { cnpjField.style.display = 'inline'; // Exibe o campo CNPJ cpfField.style.display = 'none'; // Oculta o campo CPF } } // Pré-selecionar o radio "PF" (CPF) ao carregar a página const radioPF = document.querySelector('input[name="tipo"][value="PF"]'); if (radioPF) { radioPF.checked = true; // Marca o radio PF como selecionado } // Chama a função para garantir que os campos estejam corretos ao carregar a página atualizarCampos(); // Adiciona evento para cada radio button para atualizar os campos quando o tipo mudar tipoRadios.forEach(function(radio) { radio.addEventListener('change', atualizarCampos); }); });