使用按钮和javascript显示/隐藏表单

Question

我需要使用按钮显示表单,并在用户按下另一个按钮时隐藏它,因为另一个按钮显示另一个表单.我用选择框做了类似的事情,但我无法弄清楚如何做到这一点.

Answer 1

使用以下代码片段隐藏按钮单击时的表单.

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

并按照以下代码显示它

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

或者您可以将相同的功能用于这两个目的

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

和HTML

<form id="asd">form </form>
<button onclick="asd(1)">Hide</button>
<button onclick="asd(2)">Show</button>

Answer 2

我敢打赌你已经听说过这个！它被称为jQuery。

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

这真的很简单，您可以使用类似 CSS 的选择器，并且可以添加动画。这真的很容易学。