Jump to content
Fórum Script Brasil
  • 0

Checkbox


Vilela

Question

E aí galera... to precisando de um help

To fazendo um sistema de atualização de dados e queria fazer de uma maneira assim:

Você tem o campo com os dados atuais... do lado de cada campo, uma checkbox que se marcada, aparece ao lado um campo vazio para ser preenchido, entenderam?

Como se faz?

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

Fiz pra você meu amigo, fiz no próprio html usando style

<html>

<head>

</head>

<body>

<form name=f>

<input type=radio name=radio OnClick="f.texto.style.visibility='visible'"

OnChange="f.texto.style.visibility='hidden'">Aparecer

<input type=radio name=radio>Desaparece

<br>

<input type=text name=texto style="visibility:hidden">

</form>

</body>

</html>

Simples.

Explicando:

1. Ao entrar ná página ele poe o style do text como visiblility:hidden, isto faz com que a caixa de texto existente na página fique com a visibilidade falsa, ou seja, existe um text, más que porém está com visibilidade falsa.

2. Ao clicar no "Rádio Aparecer" ele aciona o evento OnClick e coloca o style do text como visible, ou seja, verdadeiro, e assim a caixa de texto aparece.

3. Ao clicar no "Rádio Desaparecer" você automaticamente desmarca o "Radio Aparecer", pois somente um rádio pode ser marcada... ao desmarcar o "Radio Aparecer", ou seja, quando você marca o "Rádio Desaparecer" é acionado o evento OnChange do "Rádio Aparecer", pqele é desmarcado e assim ele ativa o evento OnChange(Ao mudar), o evento OnChange coloca o style do text como falso.

4.Conclusão: Somente quando o "Rádio Aparecer" estiver ativado é que o text vai ter visible(visibilidade) verdadeira.

Se tiver ficado complicado de entender me fale.

Cópie e cole o código e salve como .htm pra você testar....

Se não servir me fale que eu explico denovo.

Link to comment
Share on other sites

  • 0

<p>Teste clicando aqui <INPUT TYPE="checkbox" ONCLICK="document.all.mostraBox.style.display = (document.all.mostraBox.style.display == 'none') ? '' : 'none'; document.all.mostraTexto.style.display = (document.all.mostraTexto.style.display == 'none') ? '' : 'none'">
<BR>
<font style="display:none" color="blue" id="mostraTexto"> campo:</font> <INPUT TYPE=TEXT STYLE="display:none" ID="mostraBox" name="campo1" size=25>

isso deve servir... :rolleyes:

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
      652k
×
×
  • Create New...