Carregar Div Oculta Por Radiobutton

Gostaria da ajuda para adaptar este código. Quero que ao carregar a página com o radiobutton checked já me mostre a DIV oculta.
Como está ele só me mostra se clicar no radiobutton.

<html>
<head>
<title>Cadastro Cliente</title>
<meta content="text/html; charset=iso-8859-1" http-equiv="content-type">
<style type="text/css">
<!--
.visivel { display: inline; }
.invisivel { display:none; }

-->
</style>
</head>

<script type="text/javascript">
<!--Mostra e Oculta DIV -->
function changeDisplay(id) {
var div = document.getElementById(id);
if (div.className=='invisivel')
div.className='visivel';
else
div.className='invisivel';
}
</script>

<body>
<?php
$checado = "checked";
?>
<div class="txtlabel">Voc&ecirc; j&aacute; usou outros nomes (solteiro, casado, religioso, etc)?:</div>
<div class="campoform">
    <div class="simounao">
      <label>
        <input name="outrosnomes" type="radio" id="outrosnomes_0" onclick="changeDisplay('mostrasim')" value="1" <?php echo $checado ?> />
        Sim</label>
      <br />
      <label>
        <input name="outrosnomes" type="radio" id="outrosnomes_1" onclick="changeDisplay('mostrasim')" value="2" />
        N&atilde;o</label>
    </div>
  <div class="invisivel" id="mostrasim">
      <div class="divmostrasimcampos">NOME<br />
        <input name="outronome" type="text" class="input" id="outronome" /></div>
  <div>SOBRENOME<br />
        <input name="outrosobrenome" type="text" class="input" id="outrosobrenome" /></div>
  </div>
  </div>
  
</body>
</html>

#1 MCAsite

1 user(s) are reading this topic

Carregar Div Oculta Por Radiobutton

#1 MCAsite

1 user(s) are reading this topic

Entrar