Criar um radio que seleccione varios id e class
Consegui esse código e que selecciona uma div pai e um div filho. Só que se eu quiser outros div ele não mostrar por exemplo div class="outrasDiv";
<script>
function id(el) {
return document.getElementById(el);
}
function mostra(element) {
if (element) {
id(element.value).style.display = 'block';
}
}
function esconde_todos($element, tagName) {
var $elements = $element.getElementsByTagName(tagName),
i = $elements.length;
while(i--) {
$elements[i].style.display = 'none';
}
}
window.addEventListener('load', function() {
var $Masculino = id('rd-cliente'),
$Feminino = id('rd-empresario'),
$Autonomo = id('rd-autonomo'),
$sexo = id('sel-sexo');
//mostrando no onload da página
esconde_todos(id('palco'), 'div');
mostra(document.querySelector('input[name="rd-sexo"]:checked'));
//mostrando ao clicar no radio
var $radios = document.querySelectorAll('input[name="rd-sexo"]');
$radios = [].slice.call($radios);
$radios.forEach(function($each) {
$each.addEventListener('click', function() {
esconde_todos(id('palco'), 'div');
mostra(this);
});
});
});
</script>Discussão (1)
Carregando comentários...