多形式和切換它們

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"; 
}