多形式和切换它们

Question

嗨亲爱我想知道怎样的形式当中的一个页面内，在HTML中使用jQuery脚本PHP或其他 切换我却用它象下面这样：

<div id="div"> 
     <button href="#" id="1" onclick="func()">   </button> 
     <button href="#" id="2" onclick="func()">   </button> 
     <button href="#" id="3" onclick="func()">   </button> 
</div> 


<div id="f1" style="display: none"> 
    <form id="a" > 

    </form> 
</div> 

<div id="f2" style="display: none"> 
    <form id="b"> 

    </form> 

</div> 

<div id="f3" style="display: none"> 
    <form id="c"> 

    </form> 

</div> 

<script type="text/javascript"> 
    function func() { 

      if (document.getElementById("1").onclick){ 
       document.getElementById("f1").style.display = "block"; 
      } 

      if (document.getElementById("2").onclick){ 
      document.getElementById("f2").style.display = "block"; 
      } 

      if(document.getElementById("3").onclick){ 
      document.getElementById("f3").style.display = "block"; 
      } 

    } 
</script> 

1. 首先我要使用开关的情况下，而不是如果，如果其他
2. 我想有多种形式超过3个，但我必须阻止或隐藏多次

Answer 1

您需要的js代码只有一行。只是通过this您FUNC像：

<button href="#" id="1" onclick="func(this)">   </button> 

然后在你的脚本：

function func(elem) { 
    var forms = document.getElementsByTagName('form'); 
    for(var i=0;i<forms.length;i++){ 
     forms[i].parentNode.style.display = 'none'; 
    } 
    document.getElementById("f"+elem.id).style.display = "block"; 
}