Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

thiagocs

radio+div

Por , em Javascript

Recommended Posts

thiagocs    0

thiagocs
Postado

Alguém pode ajudar?

 

<html><head><title>Mostrar</title></head><body onLoad="document.frm.regular.click();"><script language="Javascript">function div(qual){if(qual == 'regular'){ document.all.1.style.visibility='visible'; document.all.2.style.visibility='hidden';  document.all.3.style.visibility='hidden'; document.frm.regular.checked = true; document.frm.intensivo.checked = false; document.frm.particular.checked = false;}else if(qual == 'intensivo'){ document.all.1.style.visibility='hidden'; document.all.i2.style.visibility='visible';  document.all.3.style.visibility='hidden'; document.frm.regular.checked = false; document.frm.intensivo.checked = true; document.frm.particular.checked = false;}else if(qual == 'particular'){ document.all.1.style.visibility='hidden'; document.all.2.style.visibility='hidden';  document.all.3.style.visibility='visible'; document.frm.regular.checked = false; document.frm.intensivo.checked = false; document.frm.particular.checked = true;}}</script><form name="frm"><div align="center">  <center>  <table border="0" width="70%" cellspacing="0" cellpadding="0">    <tr>      <td width="28%"><input type="radio" onFocus="blur(this);" value="sim" name="regular" onClick="javascript:div('regular');">REGULAR</td>      <td width="72%">      <div id="1" style="position: absolute; visibility: hidden">regular</div>      <div id="2" style="position: absolute; visibility: hidden">intensivo</div>      <div id="3" style="position: absolute; visibility: hidden">particular</div>      </td>    </tr>    <tr>      <td width="28%"><input type="radio" onFocus="blur(this);" value="sim" name="intensivo" onClick="javascript:div('intensivo');">INTENSIVO</td>      <td width="72%"></td>    </tr>    <tr>      <td width="28%"><input type="radio" onFocus="blur(this);" value="sim" name="particular" onClick="javascript:div('particular');">PARTICULAR</td>      <td width="72%"></td>    </tr>    <tr>      <td width="28%"></td>      <td width="72%"></td>    </tr>  </table>  </center></div></form></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

cassitos    2

cassitos
Postado

<html>

<head>

<title>Mostrar</title>

</head>

<script language="Javascript">

function div(qual){

 

if(qual == 'regular')

{

document.all['div1'].style.visibility='visible';

document.all['div2'].style.visibility='hidden';

document.all['div3'].style.visibility='hidden';

document.frm.regular.checked = true;

document.frm.intensivo.checked = false;

document.frm.particular.checked = false;

 

}

 

 

else if(qual == 'intensivo')

{

document.all['div1'].style.visibility='hidden';

document.all['div2'].style.visibility='visible';

document.all['div3'].style.visibility='hidden';

document.frm.regular.checked = false;

document.frm.intensivo.checked = true;

document.frm.particular.checked = false;

}

 

else if(qual == 'particular')

{

document.all['div1'].style.visibility='hidden';

document.all['div2'].style.visibility='hidden';

document.all['div3'].style.visibility='visible';

document.frm.regular.checked = false;

document.frm.intensivo.checked = false;

document.frm.particular.checked = true;

}

 

}

 

</script>

<body onLoad="document.frm.regular.click();">

<form name="frm">

<div align="center">

<center>

<table border="0" width="70%" cellspacing="0" cellpadding="0">

  <tr>

    <td width="28%"><input type="radio" onFocus="blur(this);" value="sim" name="regular" onClick="div('regular');">

            REGULAR</td>

    <td width="72%">

    <div id="div1" style="position: absolute; visibility: hidden">regular</div>

            <div id="div2" style="position: absolute; visibility: hidden;">intensivo</div>

            <div id="div3" style="position: absolute; visibility: hidden">particular</div>

    </td>

  </tr>

  <tr>

    <td width="28%"><input type="radio" onFocus="blur(this);" value="sim" name="intensivo" onClick="div('intensivo');">

            INTENSIVO</td>

    <td width="72%"></td>

  </tr>

  <tr>

    <td width="28%"><input type="radio" onFocus="blur(this);" value="sim" name="particular" onClick="div('particular');">

            PARTICULAR</td>

    <td width="72%"></td>

  </tr>

  <tr>

    <td width="28%"></td>

    <td width="72%"></td>

  </tr>

</table>

</center>

</div>

</form>

</body>

 

</html>

faz a referência como destacado e não ponha id só como numero: 1, 32, 15... algo como: d1, div1, texto1. são válidos.

 

qquer problema tamos ae

 

té +

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito