,可以通过以下步骤来实现:
<input type="checkbox" id="checkbox1">显示/隐藏表格
<table id="myTable">
<!-- 表格内容 -->
</table>
document.getElementById("checkbox1").addEventListener("change", function() {
var table = document.getElementById("myTable");
if (this.checked) {
table.style.display = "table"; // 显示表格
} else {
table.style.display = "none"; // 隐藏表格
}
});
这种方法可以方便地根据复选框的选择状态来控制表格的显示和隐藏,适用于需要根据用户选择来动态展示数据的场景。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云