function handleIdentityTypeChange(event) { const selectedValue = event.target.value; if (selectedValue === 'passportNumber') { document.querySelector('input[name="Passport"]').parentElement.removeAttribute('hidden'); document.querySelector('div[id="Gender"]').removeAttribute('hidden'); let radioButtons = document.querySelectorAll('#Gender input.form-check-input'); radioButtons.forEach(radio => { radio.parentElement.removeAttribute('hidden'); }); } else { document.querySelector('input[name="IdentityNumber"]').parentElement.removeAttribute('hidden'); document.querySelector('input[name="Passport"]').parentElement.setAttribute('hidden', ''); let radioButtons = document.querySelectorAll('#Gender input.form-check-input'); radioButtons.forEach(radio => { radio.parentElement.setAttribute('hidden', ''); }); } } const identityTypeRadios = document.querySelectorAll('input[name="identityType"]'); identityTypeRadios.forEach(radio => { radio.addEventListener('change', handleIdentityTypeChange); });