随便写写

最新推荐文章于 2024-05-09 01:14:47 发布

weixin_30919919

最新推荐文章于 2024-05-09 01:14:47 发布

阅读量48

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/T--Y/p/3467758.html

本文介绍了一种使用JavaScript来实现网页上表格行的显示与隐藏的方法。通过简单的脚本，可以根据不同的条件动态地控制表格中特定行的可见性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//var rblTable = $("input:radio[name='rblTable']:checked").val();
var oTable = document.getElementById('tblAdd');
if (num == '2') {
document.getElementById('rptTr').style.display = "none";
document.getElementById('tableSql').style.display = "";
//setHiddenRow(oTable, 2); //隐藏id=tblAdd的第1行数据
//setShowRow(oTable, 3); //显示id=tblAdd的第2行数据
}
if (num == '3') {
//setShowRow(oTable, 3); //显示id=tblAdd的第1行数据
//setHiddenRow(oTable, 2); //隐藏id=tblAdd的第2行数据
document.getElementById('rptTr').style.display = "";
document.getElementById('tableSql').style.display = "none";
}
}
//显示某一行
function setShowRow(oTable, iRow) {
oTable.rows[iRow].style.display = oTable.rows[iRow].style.display = "block";
}
//隐藏某一行
function setHiddenRow(oTable, iRow) {
oTable.rows[iRow].style.display = oTable.rows[iRow].style.display = "none";
}