HTML表创建 - 发生事件时

Question

我创建了一个HTML表。我只需要在单击按钮时显示该表。有人可以建议如何实现这个目标吗？

此致 吉瑞

Answer 1

您可以使用jquery并附加处理程序。 例如 在html：

<a class="button-link" href="javascript:void(0);">link</a>
<table class='hidden-table'>
<tr>
<th>id</th><th>name</th>
</tr>
<tr>
<td>1</td><td>Mr Awesome</td>
</tr>
</table>

在css中：

.hidden-table{
   display:none;
}

在js / jquery

中

$('.button-link').on('click',function(){
    $('.hidden-table').show()
})

首先使用css隐藏表格，然后在点击链接时显示表格。

Answer 2

你可以使用Jquery，来自http://jquery.com/download/。

安装后，您可以使用以下语法：

$('#idofthebutton').click(function(){


$('#idofthetable').toggle();


});