Como desabilitar componentes de um formulario

11/05/2011

Ol� amigos, sou iniciante e estou trabalhando no desenvolvimento de uma aplica��o pra faculdade onde estudo, me deparei com a seguinte situa��o, eu tenho uma tela onde o usuario vai fazer 3 tipo de consultas diferentes, ou seja, ele seleciona qual vai ser o parametro da consulta atrav�s de um radio do formulario, ai ele passa as datas que deseja e consulta, at� ae tudo bem, fiz isso para as outras duas consultas que tenho, mas para deixar ele mais profissional, gostaria de usar os radios html, da seguinte forma, quando ele seleciona um tipo de consulta clicando nesse radio, as outras duas ficam desabilitadas sem permitir que o usuario digite, quando ele mudar o focu para o outro radio esse fica habilitado desabilitando os demais, s� que n�o tenho ideia de como fazer se alguem puder me ajudar com esse c�digo ficaria muito grato!!!!

Eduardo Oliveira

Curtir t�pico + 0

Responder

Posts

11/05/2011

Alexis Moura

voc� pode fazer isso via java script.

Responder

Gostei + 0

12/05/2011

Eduardo Oliveira

Mas como disse, sou iniciante n�o entendo muito de java script, na verdade sei usar bem pouco, tipo mascara pra data telefone coisas do tipo, agora pra poder habilitar e desabilitar recebendo informa��oes do RADIO, eu n�o sei, tem alguma fun��o q fa�a isso?

Responder

Gostei + 0

12/05/2011

Diego Silvestrin

Como tu falastes, se est�s usando radioButtons, quando um for selecionado os outros desabilitam, desde que todos tenham o mesmo nome.

Segue

1<input type="radio" value="1" name="radio"><br>
2<input type="radio" value="2" name="radio"><br>
3<input type="radio" value="3" name="radio">

Responder

Gostei + 0

17/05/2011

Eduardo Oliveira

Sim quanto a cria��o deles tudo OK, est�o com o mesmo "NAME" j�, mas n�o queria que somente os radiosbutons ficassem desabilitados, gostaria que os campos de textos que est�o a frente deles tambem de desabilitassem conforme a sele��o do radio, o problema esta acontecendo ae

Responder

Gostei + 0

18/05/2011

Eduardo Oliveira

Criei o seguinte c�digo, mas n�o esta funcionando, alguem pode me dar uma dica do que fazer???

            function habilita(tipo_consulta) 
            {
                if(tipo_consulta == Setor)// value do radio button
                    {
                      //campos a serem habilitados
                      document.getElementById("data_entrada").disabled=false;
                      document.getElementById("data_saida").disabled=false;
                      document.getElementById("setor").disabled=false;
                      //campos a serem desabilitados conforme o IF
                      document.getElementById("data_entrada_problema").disabled=true;
                      document.getElementById("data_saida_problema").disabled=true;
                      document.getElementById("problema").disabled=true;
                    }
                else 
                  if (tipo_consulta == Problema)//value do radio button
                   {
                      //campos a serem habilitados
                      document.getElementById("data_entrada_problema").disabled=true;
                      document.getElementById("data_saida_problema").disabled=true;
                      document.getElementById("problema").disabled=true;
                      //campos a serem desabilitados conforme o IF acima
                      document.getElementById("data_entrada").disabled=false;
                      document.getElementById("data_saida").disabled=false;
                      document.getElementById("setor").disabled=false;
                   }
            }

E na chamada da func��o esta assim, para os campos que estou trabalhando....

<input type="radio" name="consulta" value="Setor" onclick="java script:habilita(this.value)" checked="Setor">
<input type="radio" name="consulta" value="Problema" onclick="java script:habilita(this.value)" >

S� que quando eu rodo meu formulario, os campos continuam editaveis, ou seja habilitados para digita��o, alguem pode me dizer onde esta havendo erro???

Responder

Gostei + 0

18/05/2011

Eduardo Oliveira

[b]RESOLVIDO[/b]

Na chamada da fun��o troquei o VALUE, e passei um numero, ao inv�s de um nome, ae funcionou normal ficando assim a chamada da fun��o

<input type="radio" name="consulta" value="1" onclick="habilita(this.value)" >
<input type="radio" name="consulta" value="2" onclick="habilita(this.value)" >

E o c�digo da fun��o ficou assim

  
      function habilita(tipo_consulta) 
            {
                if(tipo_consulta == 1)// value do radio button
                    {
                      //campos a serem habilitados
                      document.getElementById("data_entrada").disabled=false;
                      document.getElementById("data_saida").disabled=false;
                      document.getElementById("setor").disabled=false;
                      //campos a serem desabilitados conforme o IF
                      document.getElementById("data_entrada_problema").disabled=true;
                      document.getElementById("data_saida_problema").disabled=true;
                      document.getElementById("problema").disabled=true;
                      document.getElementById("data_entrada_tec").disabled=true;
                      document.getElementById("data_saida_tec").disabled=true;
                      document.getElementById("tecnico").disabled=true;
                    }
                else 
                  if (tipo_consulta == 2)//value do radio button
                   {
                      //campos a serem habilitados
                      document.getElementById("data_entrada_problema").disabled=false;
                      document.getElementById("data_saida_problema").disabled=false;
                      document.getElementById("problema").disabled=false;
                      //campos a serem desabilitados conforme o IF acima
                      document.getElementById("data_entrada").disabled=true;
                      document.getElementById("data_saida").disabled=true;
                      document.getElementById("setor").disabled=true;
                      document.getElementById("data_entrada_tec").disabled=true;
                      document.getElementById("data_saida_tec").disabled=true;
                      document.getElementById("tecnico").disabled=true;
                   }

Ae esta com alguns campos a mais, pelo fato do meu formulario ser maior, mas fica ae um exemplo funcionando para quando alguem precisar, s� n�o entendi o fato de eu precisar passar um numero e n�o um nome, se alguem souber aguardo uma resposta!!!

Responder

Gostei + 0

29/04/2013

Jos�

Este t�pico esta sendo fechado por inatividade. Se necess�rio, sinalizar para que seja reaberto ou abrir um novo.

Responder

Gostei + 0