Disable

[Patricia 0]

Pessoal tô com um script que dependendo do rádio selecionado ele desativa alguns campos do formulário

 

assim como esse:

 

https://www.submarino.com.br/bill_ship_info...&Chave=&values=

 

mas no site acima, os campos ficam desativados assim que se entra no site e no meu script eles não ficam desativados

 

tem um rádio (0) e o rádio (1)

 

o rádio (0) trava vários campos e o rádio (1) libera todos, sempre que entra no site o rádio (0) é o checked

mas ele não mostra os campos travados, aí se eu ticar o rádio (1) e depois ticar de novo o rádio (0) aí sim ele respeita o código travando os campos!!

 

help me

 

aí vaí o código javascript

 

function bloqueia()

{

if (document.frm2.cad[1].checked==true)

{

//Não sou cadastrado

document.all.razao.style.background="white";

document.frm2.razao.disabled=false;

 

document.all.contato.style.background="white";

document.frm2.contato.disabled=false;

 

document.all.cpf_cnpj.style.background="white";

document.frm2.cpf_cnpj.disabled=false;

 

document.all.sexo.style.background="white";

document.frm2.sexo.disabled=false;

 

document.all.dia.style.background="white";

document.frm2.dia.disabled=false;

 

document.all.mes.style.background="white";

document.frm2.mes.disabled=false;

 

document.all.ano.style.background="white";

document.frm2.ano.disabled=false;

 

document.all.website.style.background="white";

document.frm2.website.disabled=false;

 

document.all.mail.style.background="white";

document.frm2.mail.disabled=false;

 

document.all.fone.style.background="white";

document.frm2.fone.disabled=false;

 

document.all.fax.style.background="white";

document.frm2.fax.disabled=false;

 

document.all.endereco.style.background="white";

document.frm2.endereco.disabled=false;

 

document.all.cep.style.background="white";

document.frm2.cep.disabled=false;

 

document.all.bairro.style.background="white";

document.frm2.bairro.disabled=false;

 

document.all.cidade.style.background="white";

document.frm2.cidade.disabled=false;

 

document.all.estado.style.background="white";

document.frm2.estado.disabled=false;

 

document.all.senha.style.background="white";

document.frm2.senha.disabled=false;

 

document.all.con_senha.style.background="white";

document.frm2.con_senha.disabled=false;

 

document.all.complemento.style.background="white";

document.frm2.complemento.disabled=false;

}

else

{

//Já sou cadastrado

document.all.razao.style.background="silver";

document.frm2.razao.disabled=true;

 

document.all.contato.style.background="silver";

document.frm2.contato.disabled=true;

 

document.all.cpf_cnpj.style.background="silver";

document.frm2.cpf_cnpj.disabled=true;

 

document.all.sexo.style.background="silver";

document.frm2.sexo.disabled=true;

 

document.all.dia.style.background="silver";

document.frm2.dia.disabled=true;

 

document.all.mes.style.background="silver";

document.frm2.mes.disabled=true;

 

document.all.ano.style.background="silver";

document.frm2.ano.disabled=true;

 

document.all.website.style.background="silver";

document.frm2.website.disabled=true;

 

document.all.mail.style.background="white";

document.frm2.mail.disabled=false;

 

document.all.fone.style.background="silver";

document.frm2.fone.disabled=true;

 

document.all.fax.style.background="silver";

document.frm2.fax.disabled=true;

 

document.all.endereco.style.background="silver";

document.frm2.endereco.disabled=true;

 

document.all.cep.style.background="silver";

document.frm2.cep.disabled=true;

 

document.all.bairro.style.background="silver";

document.frm2.bairro.disabled=true;

 

document.all.cidade.style.background="silver";

document.frm2.cidade.disabled=true;

 

document.all.estado.style.background="silver";

document.frm2.estado.disabled=true;

 

document.all.senha.style.background="white";

document.frm2.senha.disabled=false;

 

document.all.con_senha.style.background="silver";

document.frm2.con_senha.disabled=true;

 

document.all.complemento.style.background="white";

document.frm2.complemento.disabled=false;

}

}

 

 

aqui vai o começo do form:

 

<script language="javascript" src="scripts/bloqueia.js" style="text/javascript"></script>

 

<form action="solicitacao.asp?act=solicitar&subcateg=<%=Request.QueryString("subcateg")%>&id=<%=Request.QueryString("id")%>&qtde=<%=Request.QueryString("qtde")%>&img=<%=Request.QueryString("img")%>&msg=<%=Request.QueryString("msg")%>" name="frm2" method="post" onSubmit="return bloqueia()">

 

 

<input type="radio" value="0" name="cad" onclick="bloqueia();" <%if Request.Form("cad") = 0 then%>checked<%end if%>>já sou cadastrado

 

<input type="radio" value="1" name="cad" onclick="bloqueia();" <%If Request.Form("cad") = 1 then%>checked<%end if%>>não sou cadastrado

[hinom 5]

depois da tag </form> coloque:

<script language="javascript">bloqueia();</script>

[Patricia 0]

depois da tag </form>?eu coloquei como você faloumas além de não funcionar deu erro

[hinom 5]

é porque a função deve estar abaixo do form, o erro acontece porque o script foi executado antes do <form> ter sido interpretado pelo browser

 

fiz um exemplo:

 

 

<html><title>JavaScript - enable,disable</title><head></head>

<body>

<form name=form1>

<br>campo1 <input type=text name=campo1 size=20 cad=0>

<br>campo2 <input type=text name=campo2 size=20 cad=0>

<br>campo3 <input type=text name=campo3 size=20 cad=0>

<hr>

campo4 <input type=text name=campo4 size=20 cad=1>

<br>campo5 <input type=text name=campo5 size=20 cad=1>

<br>campo6 <input type=text name=campo6 size=20 cad=1>

<hr>

<input type="radio" value="0" name="cad" onclick="bloqueia();">sim

<input type="radio" value="1" name="cad" onclick="bloqueia();">não

<br><input type=submit value=ok>

</form>

</body></html>

 

<script language=javascript>

nome_form = "form1"; // nome do formulário

posicao = 6; // posição do radiobox a marcar por default

 

f = document[nome_form];

f.elements[posicao].checked=true;

function bloqueia(){

 

  if(f.elements[posicao].checked==true){

  cor = "ffffff";

  desabilitar = false;

  cor2 = "666666";

  desabilitar2 = true;

  }else{

  cor = "666666";

  desabilitar = true;

  cor2 = "ffffff";

  desabilitar2 = false;

  }

 

  for(i=0;i<f.elements.length;i++){

 

  if(f.elements.cad){

    if(f.elements.cad==0){

    f.elements.style.background=cor;

    f.elements.disabled=desabilitar;

    }else{

    f.elements.style.background=cor2;

    f.elements.disabled=desabilitar2;

    }

  }

 

  }

 

}

bloqueia();

</script>