在主表中的选择单选按钮上显示/隐藏子表(html)

时间:2010-10-20 12:03:08

标签: html animation html-table

我要求在主表中选择单选按钮时必须在下面显示子表。有什么帮助吗?


感谢您的回复,这是我的实际要求。我有两个表项属性和项属性值。点击项目属性(即)例如:票证高度复选框应显示票证高度的子表。同样明智的是,将有10个项目属性及其各自的项目属性值。因此,在单击每个项属性时,应显示子attr值表。

1 个答案:

答案 0 :(得分:1)

在子表中添加id。

<table id=`childTable`>
...
</table>

向单选按钮添加onclick处理程序

<input type="radio" name="radShowChild" onclick=showHideChild()>

添加一个javascript函数来隐藏

function showHideChild()
{
   document.getElementById("childTable").style.visibility = "visible" ? "hidden" : "visible";
}

如果要根据所选的单选按钮显示特定的“子”表,请将子表id作为参数传递给showHideChild()函数。