Ir para conteúdo
Fórum Script Brasil
  • 0

Radiobutton


Deividy

Pergunta

ai pessoal

o problema é o seguinte não estou conseguindo raciocinar...

eu tenho dois campos radiobutton um vai começar checked o que esta checked tem um formulario e quando eu clicar no outro entra outro fomulario alguém poderia me dar uma ajuda em como posso montar isso?

Link para o comentário
Compartilhar em outros sites

6 respostass a esta questão

Posts Recomendados

  • 0

Nossa explica isso direito ae!!! Você quer alternar os formulários conforme clicado nos radio buttons?!!?

Se for faz uma logica assim, se radio1 estiver checked entaum form name=numseiqla

senaum

form name=seilaeu

Mas me fala pra que voce quer isso?!?!

T+

Pilantra

Link para o comentário
Compartilhar em outros sites

  • 0

Não sei se entendi... mas...

você tem um radio button normal, já selecionado. E você quer que, quando o usuário clicar no outro radio button, ele de um "submit" no formulário? É isso?

Tenta assim:

<script language="JavaScript">

function enviar() {

    if (document.formulario.clique) {

        submit();

    }

}

</script>

Aí, no formulário:

<form name="formulario">

<input type="radio" name="clique" checked="true" />

<input type="radio" name="clique" onclick="enviar()" /> Clique aqui para enviar os dados!

</form>

Falou! Até mais!

Link para o comentário
Compartilhar em outros sites

  • 0

tá marcando q tá dando erro, mas funciona....hehehehehehe

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=">

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_reloadPage(init) {  //reloads the window if Nav4 resized

  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

//-->

</script>

</head>

<body>

<div id="Layer1" style="position:absolute; left:159px; top:49px; width:635px; height:118px; z-index:1; background-color: #00CCFF; layer-background-color: #00CCFF; border: 1px none #000000; ">

  <form name="form2" method="post" action="">

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

      <tr>

        <td>Nome</td>

        <td><input type="text" name="textfield"></td>

      </tr>

      <tr>

        <td>&nbsp;</td>

        <td><input type="submit" name="Submit" value="Submit"></td>

      </tr>

    </table>

  </form>

</div>

<div id="layer2" name="layer2" style="position:absolute; left:159px; top:44px; width:635px; height:150px; z-index:2; background-color: #FFFF00; layer-background-color: #FFFF00; border: 1px none #000000; visibility: hidden;">

  <form name="form3" method="post" action="">

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

      <tr>

        <td>idade</td>

        <td><input type="text" name="textfield2"></td>

      </tr>

      <tr>

        <td><input type="submit" name="Submit2" value="Submit"></td>

        <td>&nbsp;</td>

      </tr>

    </table>

  </form>

</div>

<script>

function mostra(){

for(x=0;x<document.form1.radio.length-1;x++){

  if(document.form1.radio[x].checked){

  layer2.style.visibility = "visible"

  }

  }

  }

  function mostra2(){

for(y=0;y<document.form1.radio.length+1;y++){

  if(document.form1.radio[y].checked){

  layer2.style.visibility = "hidden"

  }

  }

  }

</script>

<form name="form1" method="post" action="">

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

    <tr>

      <td width="18%">

 

  <input type="radio" name="radio" value="sim" onClick="mostra()">

        sim

        <input type="radio" name="radio" value="não" checked onClick="mostra2()">

        não

 

 

  </td>

  <td width="82%">&nbsp;</td>

    </tr>

    <tr>

      <td>&nbsp;</td>

      <td rowspan="4">&nbsp;</td>

    </tr>

    <tr>

      <td>&nbsp;</td>

    </tr>

    <tr>

      <td>&nbsp;</td>

    </tr>

    <tr>

      <td>&nbsp;</td>

    </tr>

  </table>

</form>

</body>

</html>

Abs

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,9k
×
×
  • Criar Novo...