Jump to content
Fórum Script Brasil
  • 0

Radiobutton


Deividy

Question

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 to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 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 to comment
Share on other 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 to comment
Share on other 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 to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      651.9k
×
×
  • Create New...