lunes, 25 de julio de 2016

Mostrar o Ocultar Un Input Type Text Con JavaScript

Mostrar o Ocultar Un Input Type Text Con JavaScript



Primero se crea el formulario y a los input checkbox se le coloca la el evento onclick y se llama la funcion que se creo en javascrit en el input type radio que al seleccionarse se va a ocultar el input type text,
y en el input type text que se quiere ocultar se encierra en un div con el id que va a ser llamado en javascript.


<!DOCTYPE html>
<html>
<head>
<title>Mostrar o Ocultar Un Input Type Text </title>
<script type="text/javascript" src="javascript.js"></script>

<form action="" method="post">


<input type="text" name="nombre">
sexo:
  <input type="radio" name="sexo" value="hombre" onClick="ocultar()">
hombre
<input type="radio" name="sexo" value="mujer" onclick="mostrar()" checked="checked">
                mujer

<div id="cadera">


       Ingrese las mediads de su cadera:
      <input type="text" name="cadera" >
 
</div>
</form>
</body>
</html>


En javascript se crean las funciones y con el metodo se llama el id del input que se va a esconder al presionar el checkbox.


Codigo JavaScript


function mostrar(){


document.getElementById('cadera').style.display = 'block';


}

function ocultar(){


document.getElementById('cadera').style.display = 'none';


}


















1 comentario:

  1. BetVictor Casino NZ - Mapyro
    BetVictor Casino NZ 충청북도 출장샵 - 경상북도 출장안마 Address: 0201 Minsley 이천 출장마사지 Rd, 과천 출장마사지 N, Newmarket, Newmarket, Newmarket, Newmarket, Newmarket, Newmarket, Newmarket, Newmarket, Newmarket, Newmarket, Newmarket, Newmarket, Newmarket,  성남 출장안마 Rating: 4 · ‎2 reviews

    ResponderBorrar