Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

tatiana schyneider

Utilizando apenas um radiobutton e desabilitar os outros..

Por , em Javascript

Recommended Posts

tatiana schyneider    1

tatiana schyneider
Postado

Oi pessoal,

 

Eu tenho o seguinte trecho de uma pagina html:

 

..
<input type=radio value=cheque name=pagamento>
..
<input type=radio value=deposito name=pagamento>
..
<input type=radio value=cartao name=pagamento>

 

Queria saber como faço para quando eu escolher uma opção dentre estas acima, automaticamente fica como desabilitada as outras duas.

Tentei fazer, mas sempre ocorre algum erro

 

Alguem tem alguma ideia?

 

obrigada

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

é realmente necessário isso ?

 

e se o cara quiser mudar ele não pode ?

mostre como tentou.

Compartilhar este post

Link para o post
Compartilhar em outros sites

tatiana schyneider    1

tatiana schyneider
Postado

Obrigada por responder Bruno,

 

Eu acabei esquecendo o trecho principal, que é o seguinte:

.
<input type=radio value=cheque name=pagamento>
..
<input type=radio value=deposito name=pagamento>
..
<input type=radio value=cartao name=pagamento>
..
<input type=radio value=Visa name=cartaoStatus>
..
<input type=radio value=Dinners name=cartaoStatus>
<TR>
<TD width="25%" height=11><font face="Verdana, Arial, Helvetica, sans-serif">Nome no Cartão:</font></TD>
  <TD colSpan=3 height=11><div align="left"><FONT color=#000000><B>
      <input size=60 name=cartaoCliente>
</B></FONT></div></TD>
</TR>
<TR>
   <TD width="25%"><font face="Verdana, Arial, Helvetica, sans-serif">Validade:</font></TD>
        <TD><div align="left"><FONT color=#000000><B>
         <input size=6 name=cartaoData>
</B></FONT></div></TD>
  <TD> </TD>
     <TD>  </TD>
    </TR>
..

 

Então, a questão na verdade é, quando eu escolher a forma cheque por exemplo, os campos textos do cartão que tem que ficar desabilitado, mesma coisa quando eu escolher deposito, ele apenas fica habilitado quando eu escolher o radiobutton do cartão.

 

Nao estou conseguindo desenvolver um script para tal,

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

esse HTML ai está bem feio

 

-> coloque todas as tags em minusculo

-> use aspas duplas para delimitar os valores dos atributos html.

 

uma sugestão, para você é este script:

http://www.wbruno.com.br/blog/2010/07/28/ocultarmostrar-elementos-apartir-de-radio-select/

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

de inicio eu queria sugerir que você fizesse o hide mesmo.. porém com mínima alteração, era possível chegar neste resultado:

 

<html>
<head>
<script type="text/javascript">
function id( el ){
       return document.getElementById( el );
}
function habilita( el ){
       id( el ).disabled = '';
}
function desabilita_todos( el, tagName ){
       var tags = el.getElementsByTagName( tagName );
       for( var i=0; i<tags.length; i++ )
       {
               tags[i].disabled = 'disabled';
       }
}
window.onload = function()
{
       var radios = document.getElementsByTagName('input');
       for( var i=0; i<radios.length; i++ ){
               if( radios[i].type=='radio' )
               {
                       radios[i].onclick = function(){
                               desabilita_todos( id('palco'), 'input' );
                               habilita( this.value );
                       }
               }
       }
}
</script>
</head>
<body>

       <label><input type="radio" name="pagamento" value="Cartao" />Cartao</label>
       <label><input type="radio" name="pagamento" value="Boleto" />Boleto</label>
       <label><input type="radio" name="pagamento" value="Gateway" />Gateway</label>

       <div id="palco">
               <label>Numero Cartao<input type="text" name="numero" id="Cartao" /></label>
               <label>Numero Boleto<input type="text" name="numero" id="Boleto" /></label>
               <label>Qual Gateway?<input type="text" name="numero" id="Gateway" /></label>
       </div>
</body>
</html>

 

clicando no radio do Cartão, desabilita os outros, e deixa so o text dele habilitado.

clicando no radio do Boleto, desabilita os outros, e deixa so o text dele habilitado

 

assim por diante..

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito