Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 8
Nome: Jonathas Morais
Localização: Campinas - SP
Contato:

Como exibir ou ocultar TextArea ao clicar em um RadioButton

13-01-2010 17:36

Boa tarde Senhores,

Estou com um pouco de dificuldade em realizar a seguinte operação:
Quando o usuário clicar em um RadioButton ("sim"), devo exibir um textarea e quando clicar em ("Não"), devo ocultar o campo e desabilitá-lo.

Fiz o seguinte até agora:

<script type="text/javascript" language="javascript"> function mostra() {                 document.getElementById("competencias").disabled=false;                 document.getElementById("competencias").style.visibility = '';                  document.getElementById("lbTxtCompetencias").disabled=true;             document.getElementById("lbTxtCompetencias").style.visibility = '';                 } } </script>

E o html assim:

<input type="radio" name="tipo" id="sim" value="sim" onclick="mostra()" /><label>Sim</label> <input type="radio" name="tipo" id="nao" value="nao" onclick="mostra()" /><label>Não</label> <br /> <label id="lbTxtCompetencias"><b>Cite as competencias e descreva o grau de exigencia para cada uma delas:</b></label> <br /> <textarea name="competencias" cols="150" rows="2" id="competencias"></textarea>

Essa solução não funcionou.

Alguém poderia me dar um help, sobre onde estou errando?

Desde já, agradeço.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17563
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como exibir ou ocultar TextArea ao clicar em um RadioButton

13-01-2010 19:16

Se é para mostrar, então ele vai estar escondido, ou seja, com: style="display:none;"

Como você chama a função no onclick, você pode fazer o seguinte no input

<input type="radio" name="tipo" id="sim" value="sim" onclick="mostra(this.value)" /><label>Sim</label> <input type="radio" name="tipo" id="nao" value="nao" onclick="mostra(this.value)" /><label>Não</label>

Ai você pega o valor na função

function mostra(valor) { ..

Ai faz um if, se sim ativa um display block, se não display none.
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 8
Nome: Jonathas Morais
Localização: Campinas - SP
Contato:

Como exibir ou ocultar TextArea ao clicar em um RadioButton

13-01-2010 22:05

Beleza Web,

Muito obrigado pela ajuda.
Precisando e eu podendo ajudar, é só postar!!!

Grato...
0

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado