Saltar al contenido

Mostrar / ocultar formularios usando botones y JavaScript

este problema se puede solucionar de diferentes formas, pero nosotros te damos la que para nosotros es la resolución más completa.

Solución:

Utilice el siguiente fragmento de código para ocultar el formulario al hacer clic en el botón.

document.getElementById("your form id").style.display="none";

Y el siguiente código para mostrarlo:

document.getElementById("your form id").style.display="block";

O puede usar la misma función para ambos propósitos:

function asd(a)

    if(a==1)
        document.getElementById("asd").style.display="none";
    else
        document.getElementById("asd").style.display="block";

Y el HTML:

form

¡Apuesto a que ya escuchaste algo sobre esto! Se llama jQuery.

$("#button1").click(function() 
    $("#form1").show();
;

Es realmente fácil y puede usar selectores similares a CSS y puede agregar animaciones. Es muy fácil de aprender.

Si tiene un contenedor y dos subcontenedores, puede hacer esto

jQuery

    $("#previousbutton").click(function() 
    $("#form_sub_container1").show();
    $("#form_sub_container2").hide(); )

    $("#nextbutton").click(function() 
    $("#form_container").find(":hidden").show().next();
    $("#form_sub_container1").hide();
)

HTML

     

Aquí puedes ver las comentarios y valoraciones de los usuarios

Si guardas alguna vacilación o disposición de progresar nuestro crónica puedes realizar una disquisición y con gusto lo observaremos.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *