for(var x in document.getElementsByName("rbTipo"))
I wouldn't count on enumerability of NodeList
s/HTMLCollection
s. Better use array-style iteration.
Also, you shouldn't repeat the query, but store the collection in a variable. Btw, you do already give each element its own listener, which is a bit unnecessary.
addEventListener("load", function() {
var rbTipos = document.getElementsByName("rbTipo"),
rbTipoA = document.getElementById("rbTipoA"),
rbTipoE = document.getElementById("rbTipoE"),
painelA = document.getElementById("painelAluno"),
painelE = document.getElementById("painelEscola");
function listener() {
if(rbTipoA.checked) {
painelA.style.display = "block";
painelE.style.display = "none";
} else if(rbTipoE.checked) {
painelA.style.display = "none";
painelE.style.display = "block";
} else {
painelA.style.display = "none";
painelE.style.display = "none";
}
}
for(var i=0; i<rbTipos.length; i++) {
rbTipos[i].addEventListener("change", listener);
}
});