Mostrando entradas con la etiqueta checkbox. Mostrar todas las entradas
Mostrando entradas con la etiqueta checkbox. Mostrar todas las entradas

miércoles, 6 de mayo de 2020

Como Crear un checkbox dinámico que al hacer click despliegue un campo para escribir un texto

Hay ocasiones en las que usamos checkbox para que nuestros formularios sean dinámicos y permitan escoger varias o una opción, En este caso quiero mostrarles una ayuda para que al hacer click en un checkbox, automáticamente se despliegue un input para que las personas escriban un texto

<script>
function miFuncion() {
  var checkBox = document.getElementById("miFuncion");
  var text = document.getElementById("texto");
  if (checkBox.checked == true){
    text.style.display = "block";
  } else {
     text.style.display = "none";
  }
}
</script>

Escribe otra opción: <input type="checkbox" name="check1"  value="1"  id="miFuncion"  onclick="myFunction()"/>  
         
            <input type="text" id="texto" name="ocupac" placeholder="Cual" style="display:none"  />   


Código basado en W3schools.

Blogs Colombia