Question

嗨亲爱的，我想知道如何使用jquery脚本php或其他在html中的一个页面内切换但我使用它如下：

<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>

首先我想使用switch case而不是if if else
我希望有多个表单超过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";
}

多种形式并切换它们

1 个答案: