Como fazer aparecer e desaparecer

[thi.ASP 0]

Pessoal,Tenho um formulário com dois radios que irá funcionar no estilo on/off em relacao a dois INPUT type=TextComo faço pra que quando o usuario clicar em On os dois campos aparecem e qdo trocar para Off esses dois campos desaparecem? Os outros campos do form irao manter....Valeu a atenção1

[Wilker 3]

vou mostrar com um exemplo:<script>function trocar(valor) { if(valor == 'on') { input1.disabled = false; input2.disabled = false; } else { input1.disabled = true; input2.disabled = true; }}</script><input type='radio' name='turn' value='on' onclick='trocar(this.value)'><br><input type='radio' name='turn' value='off' onclick='trocar(this.value)'><br><br><input type='text' id='input1'><br><input type='text' id='input2'><br>acho q com isso vai kra ;)

[thi.ASP 0]

Eh, foi uma forma que pensei de fazer desabilitando o input.... mas ai o campo ficaria visivel... um bem bolado que poderia fazer seria uma class sem borda, sem fundo sem nd... e qdo fizer um on off trocar a class....qual o codigo de class pra javascript?

[andrealoisio 1]

Para esconder tudo você pode colocar dentro de um div e depois mudar a propriedade display dele

 

Exemplo

<div id="checkboxex">

...conteudo...

</div>

 

depois muda assim document.getElementById("checkboxes").style.display='none'

 

[]'s

http://forum.imasters.com.br/public/style_emoticons/default/ninja.gif

[thi.ASP 0]

Legal.. valeu ai pelo site e valeu pelo modo do display!Eu tentei outro dia fazer isso e na Tag do inner havia colocado o input, só que o formulário não havia reconhecido.. vou testar essa forma do display entao....Valeu pessaol!

[thi.ASP 0]

Bom pessoal, acabei usando um bem bolado com as class e o innerHTML, segue abaixo o codigo

function VerificaTipo(valor) {  if(valor == 'Com') {// Troca a Class do Objeto para ficar "invisivel"    document.Comentario.Destinatario_NM.className = 'InputCaixaOff';    document.Comentario.Destinatario_Email.className = 'InputCaixaOff';// Tira o texto antes dos inputs declarado com o <div id=''></div> document.getElementById("Dest_NM").innerHTML = ''; document.getElementById("Dest_Email").innerHTML = ''; // Limpa o conteudo dos Inputs que irao ficar invisivel document.Comentario.Destinatario_NM.value = '';    document.Comentario.Destinatario_Email.value = '';// Desabilita os Inputs invisíveis document.Comentario.Destinatario_NM.disabled = true;    document.Comentario.Destinatario_Email.disabled = true;  } else {// Coloca o texto antes dos inputs declarado com o <div id=''></div> document.getElementById("Dest_NM").innerHTML = 'Nome do Destinatário: '; document.getElementById("Dest_Email").innerHTML = 'E-mail do Destinatário: ';  // Troca a Class do Objeto para mostra-lo    document.Comentario.Destinatario_NM.className = 'InputCaixa';    document.Comentario.Destinatario_Email.className = 'InputCaixa';// Habilita os Inputs invisíveis     document.Comentario.Destinatario_NM.disabled = false;    document.Comentario.Destinatario_Email.disabled = false;  }}