Ir para conteúdo

POWERED BY:

Arquivado

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

Owner

Input invisivel

Por , em Javascript

Recommended Posts

Owner    0

Owner
Postado

Olá galera, procurei algo sobre input invisivel e não achei o que preciso. Alguém poderia me dar um exemplo de como faço para o input aparecer quando marcar o checkbox e sumir quando desmarco, só que limpando o que foi digitado no input.

Compartilhar este post

Link para o post
Compartilhar em outros sites

romerito    11

romerito
Postado

i aew Owner, tenta algo mais ou menos assim:

window.onload = function(){
	var chk = document.getElementById( 'check' );
	chk.onclick = function(){
		var field = document.getElementById( 'campo' );
		if ( this.checked )
		{
			field.value = "";
			field.type  = "hidden";
		}
		else
			field.type = "text";
	}
}
e seu html assim:

Sumir <input type="checkbox" id="check" />
<input type="text" id="campo" />

abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

eibon    2

eibon
Postado 

<html>

<head>

<title>Exemplo</title>

</head>

<style type="text/css">

#tx1 {

opacity: 0.0;

}

</style>

<script type="text/JavaScript">

adicionaEvento(window, 'load', function(){

adicionaEvento(document.getElementsByName("chk")[0], 'click', function(){

var inp = document.getElementById("tx1");

var maxO = (isIE())? 100 : 1;

if(inp.style.opacity == maxO) inp.style.opacity = '0';

else inp.style.opacity = maxO;

}, false);

}, false);

 

function adicionaEvento(elemento, evento, funcao, bool){

bool = (bool == null)? false : bool;

if(elemento.addEventListener)

elemento.addEventListener(evento, funcao, bool);

else

elemento.attachEvent('on' + evento, funcao);

}

 

function isIE(){

var browserName = navigator.appName;

if(browserName.match(/(internet explorer|microsoft)/i))

return true;

return false;

}

</script>

<body>

Toggle input visibility:<input type="checkbox" name="chk" />

<input type="text" name="tx1" id="tx1" />

</body>

</html>

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