Ir para conteúdo

POWERED BY:

Arquivado

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

Fabio Henrique Rangel

Habilitando e desabilitando Input File e text com Radio Botton

Recommended Posts

Ola pessoal

 

 

To com um probleminha aqui.

No codigo a baixo preciso que um radio butom abilete um input 'file' e desabileite um input 'text'

e vice versa

 

Como posso fazer isso..

 

<script>

var checkobj

function agreesubmit2(el){
checkobj=el
if (document.all||document.getElementById){
for (i=0;i<checkobj.form.length;i++){ //Erro submit
var tempobj=checkobj.form.elements[i]
if(tempobj.type.toLowerCase()=="file"||tempobj.type.toLowerCase()=="text")
tempobj.disabled=!checkobj.checked
}
}
}

function defaultagree(el){
if (!document.all&&!document.getElementById){
if (window.checkobj&&checkobj.checked)
return true
else{
alert("Erro")
return false
}
}
}

</script>

<label>
<input name="agreecheck" type="radio" onClick="agreesubmit(this)" />
</label>
<label>
<input name="agreecheck" type="radio" onClick="agreesubmit(this)" />
</label>


<b>Abilita/Desabilita</b><br>
<br/>
<input type="text" name="foto2"          />
<input type="file" name="foto" disabled />
<br/>
<br/>

Compartilhar este post


Link para o post
Compartilhar em outros sites

puts cara isso foi uma das primeiras coisas que eu fiz no php ai embaixo segue o o comando que faz isso sem aultilizaçao de javascript:

 

<input type="radio" name="enviar_arquivo"  onclick="document.form1.arquivo.disabled=true" id="enviar_arquivo" value="nao" checked="checked" />

<input name="arquivo[]" type="file"  multiple="" id="arquivo" size="50" disabled="disabled" />

 

 

vou explicar como funciona abaixo nos temos o comando do radio button:

 

<input type="radio" name="enviar_arquivo"  onclick="document.form1.arquivo.disabled=true" id="enviar_arquivo" value="nao" checked="checked" />

 

o e abaixo dele temos o comando input,se vc perceber no radio button tem esta linha de comando:

 

onclick="document.form1.arquivo.disabled=true" 

 

 

seguinte,este comando,faz assim que clicar,ira selecionar o formulario,ira pegar o id do input e ira desabilita-lo,exemplo:

 

onclick="document.NOMEDOFORMULARIO.IDDOCAMPOQUEDESEJADESABILITAR.disabled=true" 

 

 

MAs para desabilitar o campo o mesmo devera estar inserido dentro de um formulario exemplo:

 

<form id="form1" name="form1" method="post" action="funcao.php?funcao=gravar" enctype="multipart/form-data">
  <h1>Cadastrar Foto</h1>
  <p>
    <label>
    <input type="radio" name="enviar_arquivo" onclick="document.form1.arquivo.disabled=false" id="enviar_arquivo" value="sim" />
    </label>
    <strong>SIM</strong>    
    <label>
    <input type="radio" name="enviar_arquivo"  onclick="document.form1.arquivo.disabled=true" id="enviar_arquivo" value="nao" checked="checked" />
    </label>
    <strong>NÃO</strong></p>
  <label>
  <input name="arquivo[]" type="file"  multiple="" id="arquivo" size="50" disabled="disabled" />
  <br />
  
  </label>
  <textarea name="descricao" cols="50" id="descricao"></textarea>
  <p>
    <input type="submit" name="button" id="button" value="upload!" />
  </p>
</form>

 

 

agora teste este comando acima em seus projetos e veja a magica aconteçer abraços...

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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