当我使用js单击按钮时如何隐藏表格?

杰基

首先查看页面只显示离开和出勤两个按钮。当我点击离开按钮时,我会显示表格(tb2)。然后我再次点击那个按钮,它会隐藏表格在此处输入图片说明

当我点击考勤时,我会显示另一个表格(tb3)。它和以前的一样 在此处输入图片说明

现在对我来说,当我点击离开按钮时,打开的出勤表应该关闭,出勤按钮也是如此。

我的代码:

var click = document.getElementById('clickme');
click.addEventListener('click', myfunction);

function myfunction() {
   var tablewrap = document.getElementById('tb2');
   tablewrap.classList.toggle('show')

};


var click = document.getElementById('click');
click.addEventListener('click', myfunction);

function myfunction() {
   var tablewrap = document.getElementById('tb3');
   tablewrap.classList.toggle('show')
};
维维克耆那教
var click = document.getElementById('clickme');
click.addEventListener('click', myfunction);

function myfunction() {
   var tablewrap = document.getElementById('tb2');
   tablewrap.classList.toggle('show');

   document.getElementById('tb3').classList.remove('show');


};


var click = document.getElementById('click');
click.addEventListener('click', myfunction);

function myfunction() {
   var tablewrap = document.getElementById('tb3');
   tablewrap.classList.toggle('show');

document.getElementById('tb2').classList.remove('show')

};

显式删除类

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

当我单击带有 jquery 的按钮时,如何从隐藏的输入中返回多个值?

当我们使用React js和Bootsrap 4单击按钮时如何动态添加选项卡

Angular ,如何在单击按钮时隐藏表格行

当我单击编辑图标时显示更新按钮并在我使用 angularjs 单击视图图标时隐藏相同的更新按钮?

当我单击 angular.js 中的按钮时,如何添加“正在加载”文本?

当我单击 React js 中的按钮时,如何创建一个新的 div?

当我调用onClick函数时如何隐藏删除按钮

显示单击显示按钮时隐藏表格

当我在 PageView 中单击按钮时如何转到页面?

当我在reactjs中单击按钮时如何加载函数

当我单击按钮时,如何使用javascript或jquery来发布帖子?

当我使用jQuery单击“选择”按钮时,如何选择所有复选框

使用 react,如何在单击时隐藏表格行?

当我有动态表格时,能够在“按钮单击”上更新一行

当我单击 reactjs 中的按钮时,对表格进行升序和降序排序

当我按下表格中的按钮时,如何设置输入值?在这里我使用laravel 5.8

当我单击表格时,如何使表格的每一行变为动态?

当我在框外单击而不是在链接上隐藏框时,如何隐藏此黑框?

单击按钮时如何删除表格中的行?使用JavaScript

当我单击Android Google地图上的标记时,如何隐藏“导航”和“ GPS指针”按钮

如何使用 Jquery 在单击按钮时隐藏 div

如何在单击按钮时使用JavaScript隐藏SVG元素?

使用ubuntu安装了很棒的wm。当我单击左上方的“开始按钮”时,它如何列出debian?

当我使用javascript单击按钮时如何在另一页上显示特定图像?

当我单击网页上的按钮时,如何将该按钮的值作为函数的参数传递?

如何在加减按钮单击时显示显示/隐藏表格

我如何先隐藏输入字段并先隐藏标签,然后在单击按钮时显示

当我启动页面或单击任意位置时,如何让我的单选按钮已被选中

当我在Android应用程序中单击“笔记”按钮时,如何调用我的NoteMain类