Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Saudações,
tenho 3 checkboxes.
Quero que independente do checkbox que estiver marcado seja exibido somente o conteúdo da div referente aquele checkbox.
Na teoria:
Ao marcar o checkbox1 mostrar o conteúdo da div1.
Ao marcar o checkbox2 mostrar o conteúdo da div2 e esconder o conteúdo da div1.
Ao marcar o checkbox3 mostrar o conteúdo da div3 e esconder o conteúdo da div2.
Na prática tenho o código abaixo, mas não está funcionando.
Alguém me dê uma luz por favor ...
<html>
<head>
<title>Título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function exibe_areas() {
if (document.form.aluguel.checked == true) {
exibeSheetOne('divaluguel');
} else {
escondeSheetOne('divaluguel');
}
if (document.form.venda.checked == true) {
exibeSheetOne('divvenda');
} else {
escondeSheetOne('divvenda');
}
if (document.form.temporada.checked == true) {
exibeSheetOne('divtemporada');
} else {
escondeSheetOne('divtemporada');
}
//exibeSheetOne('divaluguel');
//exibeSheetOne('divvenda');
//exibeSheetOne('divtemporada');
}
exibe_areas();
</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<form name="form" method="post" action="">
<tr>
<td width="3%"><input type="checkbox" name="aluguel" value="1" OnClick="javascript:exibe_areas();"></td>
<td width="97%">Aluguel</td>
</tr>
<tr>
<td><input type="checkbox" name="venda" value="1" OnClick="javascript:exibe_areas();"></td>
<td>Venda</td>
</tr>
<tr>
<td><input type="checkbox" name="temporada" value="1" OnClick="javascript:exibe_areas();"></td>
<td>Aluguel de temporada</td>
</tr>
<tr>
<td colspan="2">
<div id="divaluguel" style="display:none;">Conteúdo da div escondida 1</div>
<div id="divvenda" style="display:none;">Conteúdo da div escondida 2</div>
<div id="divtemporada" style="display:none;">Conteúdo da div escondida 3</div>
</td>
</tr>
</form>
</table>
</body>
</html>Carregando comentários...