Question

我有一个用于重置的按钮和一个用于隐藏图像的链接。 onclick用于执行此操作。现在我需要用它来隐藏＆＃39;链接做两个＆＃39;隐藏＆＃39;和＆＃39;重置＆＃39; on＆＃39; onclick＆＃39;。代码如下：

＆＃13;

<script>
    function myFrame6() {
        var ifr = document.getElementsByName('frame6')[0];
        ifr.src = ifr.src;
    }
</script>
<p>
    <input type="button" value="Reset" onclick="myFrame2()" class="btn btn-primary">
    <a href="#" id="p6-hide" class="hideLink" onclick="showHide('p6');return false;">Hide image</a>
</p>

＆＃13;

Answer 1

由于您在标签中列出了jquery，我假设您正在使用它，因此我将提供一个简单的答案。

Jquery提供名为 toggle 的功能，该功能在其中实现隐藏和显示功能

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("img").toggle();
    });
});
</script>
<button>Toggle between hiding and showing the image</button>

<img src="https://www.google.com.co/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"/>

＆＃13;

Answer 2

您可以将重置函数调用（我猜是myFrame2（））添加到链接的onclick中，用分号分隔，如下所示：

onclick="showHide(); myFrame2()"

或者只需从同一个功能中调用myFrame2();和showHide()。

Answer 3

您需要使用某种检查来在两种模式之间切换。我没有给你确切的答案，因为你没有问一个确切的问题。

您可以将事件中的元素添加为参数

onclick="toggleMe(this)"

然后在函数

上

function toggleMe(element){

  if (!element.istoggled ){
    //show element

    element.istoggled == true
  }

  if(element.istoggled ){
    //hide element

    element.istoggled == false;
  }

}

参数元素引用的html元素的 istoggled 属性是用户定义的，并通过点表示法定义，如果想要简洁，可以使用setAttribute和getAttribute。

onclick重置和showhide

3 个答案: