(Resolvido) Radio Button Disabled

[RAGE AGAINST THE MACHINE]

E ae pessoal firmeza?

é o seguinte, eu tenho varias opções em radio, onde c eu selecionar uma ela habilita uma select relacionada a ele. Eu queria saber se há a possibilidade de quando eu clicar em uma radio ele deixar a select como enable e quando eu clicar em uma segunda radio ele deixar a select passada ou todas as select como disabled e habilitar somente e select relacionada a ele.

Exemplo

<form name="1" action="teste.cfm">
<tr>
	<td><input type="radio" name="destinatarios" value="ramo" onClick="document.form1.opramo.disabled = false">Ramo</td>
	<td>
         <select name="opramo" class="input" disabled="true">
       <option value="">Selecione um ramo</option>
  </select>
	</td>
</tr>

<tr>
	<td><input type="radio" name="destinatarios" value="cidade" onClick="document.form1.opcidade.disabled = false">Ramo</td>
	<td>
         <select name="opcidade" class="input" disabled="true">
       <option value="">Selecione uma cidade</option>
  </select>
	</td>
</tr>
</form>

C eu clicar na primeira radio destinatarios com valor ramo ele deixar a select opramo como enabled e ao clicar na segunda radio destinatarios com valor cidade ele deixar a select opramo como disabled e deixar a select opcidade como enabled.

Espero ter sido claro

Muito obrigado pela atenção

Ian Raphael

FUI

OUVINDO DREAM THEATER - PERUVIAN SKIES

[Crystian]

você pode fazer uma function q pega todos os selects da página e desabilita, deixando habilitado somente aquele q tu passa por parâmetro.

Para ti pegar todos os select da página é só tu usar o código abaixo:

document.getElementsByTagName("select")

lembrando sempre q essa function te retorna um array de selects, sendo q a primeira posição é 0.

tenta fazer qualquer coisa posta ae...

Abraço

Crystian

[RAGE AGAINST THE MACHINE]

Aew cristian, não consegui fzer véi. To quebrando a cabeça há dias e nada.

<script language="javascript" type="text/javascript">
	function desliga(item){
  document.getElementsByTagName("select").disabled == true;
  document.form1.item.disabled == false;
	}
</script>

    <tr>
    	<td width="80"><input type="radio" name="destinatarios" value="ramo" onClick="desliga(opramo);">Ramo</td>
    	<td width="170">
      <select name="opramo" class="input" disabled="true">
      	<option value="">Selecione um ramo</option>
      	<cfloop query="qry_ramo">
      	<option value="#EmpresaRamo_id#">#EmpresaRamo_descricao#</option>
      	</cfloop>
      </select>
    	</td>
    </tr>

    <tr>
    	<td><input type="radio" name="destinatarios" value="estado" onClick="desliga(opestado);">Estado</td>
    	<td>
      <select name="opestado" class="input" disabled="true">
      	<option value="">Selecione um Estado</option>
      	<cfloop query="qry_uf">
      	<option value="#uf_id#">#uf_nome#</option>
      	</cfloop>
      </select>
    	</td>
    </tr>

só q todas as select ficam desligadas.

O q q eu fiz de errado?

valeu ae pessoal

FUI

OUVINDO SUICIDAL TENDENCIES - JOIN THE ARMY

[Guest Rafael Ruscher]

<script>
function Disab (val) { 
frm=document.getElementsByTagName("select");
    if(val=="1") {              
    //alert("Entrou 1");
    document.form1.gr11.disabled=false;
    document.form1.gr12.disabled=true;        
    }
    if(val=="2") {  
    //alert("Entrou 2");        
    document.form1.gr11.disabled=true;
    document.form1.gr12.disabled=false;        
    }
}
</script>

<form name="form1" method="post" action="">
<table>
   <tr>
    <td width="80"><input type="radio" name="gr1" value="Yes" onClick="Disab(1)">Ramo</td>
    <td width="170">
     <select name="gr11" class="input" disabled>
      <option value="">Selecione um ramo</option>
      <cfloop query="qry_ramo">
      <option value="#EmpresaRamo_id#">#EmpresaRamo_descricao#</option>
      </cfloop>
     </select>
    </td>
   </tr>
   <tr>
    <td><input type="radio" name="gr1" value="No" onClick="Disab(2)">Estado</td>
    <td>
     <select name="gr12" class="input" disabled>
      <option value="">Selecione um Estado</option>
      <cfloop query="qry_uf">
      <option value="#uf_id#">#uf_nome#</option>
      </cfloop>
     </select>
    </td>
   </tr>
 </table>
</form>

Agora está funcionando! ^_^