如何切换（隐藏/显示）的表＆LT的onClick; A＆GT;标签在Java脚本 [英] how to toggle (hide/show) a table onClick of <a> tag in java script

问题描述

我要显示和隐藏（切换）的＆LT;表＆gt; 的onClick 事件的＆LT; A＆GT; 。
这是我的＆LT; A＆GT; 标签

I want to show and hide (toggle) the <table> onClick event of the <a>. this is my <a> tag

<a id="loginLink" onclick="toggleTable(true);" href="#">Login</a>

下面是我的Java脚本函数 toggleTable（隐藏）

here is my java script function toggleTable(hide)

   <script>
    function toggleTable(hide)
    {
    if (hide) {
       document.getElementById("loginTable").style.display="table";
       document.getElementById("loginLink").onclick = toggleTable(false);

    } else {
       document.getElementById("loginTable").style.display="none";
       document.getElementById("loginLink").onclick = toggleTable(true);
    }
   }
   </script>

和这里是我的＆LT;表＆gt; 标签

<table id="loginTable" border="1" align="center" style="display:none">

当我点击第1次＆LT; A＆GT;链接它显示我的表，而不是躲在后面，当我下一次点击。什么I M做错了。

1st time when I click the <a> link it shows my table, but not hiding back when i click it next time. what i m doing wrong.

推荐答案

您正试图改变的的onclick 相同的函数调用内部的行为。尝试这样的：

You are trying to alter the behaviour of onclick inside the same function call. Try it like this:

<a id="loginLink" onclick="toggleTable();" href="#">Login</a>

的JavaScript

function toggleTable() {
    var lTable = document.getElementById("loginTable");
    lTable.style.display = (lTable.style.display == "table") ? "none" : "table";
}

这篇关于如何切换（隐藏/显示）的表＆LT的onClick; A＆GT;标签在Java脚本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！