Retirar opção disabled de checkbox

[Jobless 0]

Galera estou com um problema e preciso da ajuda de vocês.

 

Tenho um campo input file e um checkbox que só deve ficar ativa quando algum arquivo for carregado/escolhido nao inputfile.

 

Ou seja enquanto o usuário não escolher nenhuma foto ou arquivo o checkbox permace como disabled e quando algo for escolhido fica normal podendo ser escolhido.

 

segue o código que estou criando:

 

<form method=post action="#" enctype="multipart/form-data">
<p>
<input type="file" name="file" id="file" size="8">
</p>
<p>
Só ativar a checkbox abaixo se for escolhido algum arquivo no campo file.
<br />
<input type="checkbox" name="checkbox" id="checkbox" />
</p>
</form>

Aguardo a ajuda de vocês, valeu!

 

:blink:

[Ted k' 126]

assim amigo

 

<script>
function campo(){
	var campoArquivo = document.getElementById("file");
	var campoCheck = document.getElementById("checkbox");
	
	if (campoArquivo.value == ""){
		campoCheck.disabled = true;
	}
	else {
		campoCheck.disabled = false;
	}
}
</script>

no form você faz assim:

<form method=post action="#" enctype="multipart/form-data">
<p>
<input type="file" name="file" id="file" size="8" onchange="campo();">
</p>
<p>
Só ativar a checkbox abaixo se for escolhido algum arquivo no campo file.
<br />
<input type="checkbox" name="checkbox" id="checkbox" disabled="disabled" />
</p>
</form>

[Jobless 0]

Primeiramente obrigado pela ajuda, estou iniciando em javascript e procurei entender seu código estudando-o.

 

Pelo que entendi você fez o seguinte:

 

1º Criou uma função chamada "campo()"

 

2º Criou 2 variáveis que tem seu valor referente ao value dos campos "file" e "checkbox" através da função getElementById.

 

3º Criou uma condicional que checa se o campo "file" está "vazio" e atribui o valor disabled ao checkbox, caso o resultado da condicional for falso(campo diferente de vazio) ativa o checkbox removendo a opção disabled.

 

4º Chamou a função através do comando "onchange" no campo file.

 

É isso mesmo?

 

Funcionou certinho aqui. Só estou querendo entender para ir aprendendo ao mesmo tempo que sou ajudado.

 

Obrigado galera, obrigado!

[eibon 2]

2º Criou 2 variáveis que tem seu valor referente ao value dos campos "file" e "checkbox" através da função getElementById.

Através da função getElementById,foram associados objetos que representam elementos HTML a duas variaveis.

 

3º Criou uma condicional que checa se o campo "file" está "vazio" e atribui o valor disabled ao checkbox, caso o resultado da condicional for falso(campo diferente de vazio) ativa o checkbox removendo a opção disabled.

Criou uma estrutura condicional que checa se o atributo value da variavel contendo o objeto representando um elemento com a tag input e de tipo file está vazio,se estiver,é atribuido ao atributo disabled da variavel contendo o objeto representando um elemento com a tag input e de tipo checkbox o objeto JavaScript string de valor "disabled",senão,é atribuido o booleano falso a tal atributo de tal variavel contendo tal objeto.

 

4º Chamou a função através do comando "onchange" no campo file.

Toda vez que o evento 'change' do elemento input de tipo file for 'acionado',a função campo será chamada.

---

E lembre-se...marcação inline de JavaScript não é muito legal não...

Tentei falar mais bonitinho...não saiu muito bem...mas é a vida.