js显示/隐藏表格
2005-09-06 19:23
344 查看
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
var tempNum=0;
function ChangeTree(intNum)
{
ObjTree=eval("Tree"+intNum);
if (ObjTree.style.display == "none")
{
ObjTree.style.display = "";
}
else
{
ObjTree.style.display = "none";
}
tempNum=intNum;
}
</script>
</head>
<body>
<FORM name=form1 action=ssjg.asp method=post>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>付款方式：</td>
</tr>
<tr>
<td><input name="paytype" type="radio" value="货到付款">
货到付款
<input type="radio" name="paytype" value="邮局汇款" onclick="javascript:ChangeTree(2)">
邮局汇款
<input type="radio" name="paytype" value="交通银行" onclick="javascript:ChangeTree(3)">
交通银行支付 </td>
</tr>
<tr id=Tree2 style="DISPLAY: none">
<td><p>邮局汇款：</p>
<p>详细信息</p></td>
</tr>
<tr id=Tree3 style="DISPLAY: none">
<td>交通银行支付</td>
</tr>
<tr>
<td><input type="submit" name="Submit" value="提交"></td>
</tr>
</table>
</form>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
var tempNum=0;
function ChangeTree(intNum)
{
ObjTree=eval("Tree"+intNum);
if (ObjTree.style.display == "none")
{
ObjTree.style.display = "";
}
else
{
ObjTree.style.display = "none";
}
tempNum=intNum;
}
</script>
</head>
<body>
<FORM name=form1 action=ssjg.asp method=post>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>付款方式：</td>
</tr>
<tr>
<td><input name="paytype" type="radio" value="货到付款">
货到付款
<input type="radio" name="paytype" value="邮局汇款" onclick="javascript:ChangeTree(2)">
邮局汇款
<input type="radio" name="paytype" value="交通银行" onclick="javascript:ChangeTree(3)">
交通银行支付 </td>
</tr>
<tr id=Tree2 style="DISPLAY: none">
<td><p>邮局汇款：</p>
<p>详细信息</p></td>
</tr>
<tr id=Tree3 style="DISPLAY: none">
<td>交通银行支付</td>
</tr>
<tr>
<td><input type="submit" name="Submit" value="提交"></td>
</tr>
</table>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- table表格js简单操作隐藏与显示出现结构错乱解决方法
- 表格中的td通过js来显示和隐藏，在firefox中colspan将不起作用
- angluajs表格数据框文本数据超长显示与隐藏
- js点击显示隐藏表格
- js隐藏和显示表格
- JS控制表格的列显示和隐藏
- 用js控制表格的隐藏与显示
- JS控制表格某行隐藏或显示后页面布局错乱
- 利用js实现表格的显示隐藏
- 用Js，DHTML控制表格的某一列的显示与隐藏
- jquery关于表格隐藏和显示问题
- 用JS实现表格中隔行显示不同颜色
- js获取url锚链，操作class和id的显示和隐藏
- js和jq分别实现点击显示隐藏的功能
- js 事件点击 显示 隐藏
- js控制div样式显示与隐藏，JS通过点击超链接右边（指定位置）显示一个图标
- 利用CSS的类名切换，进行DIV的显示隐藏，简化JS
- javascript 控制表格里的行显示与隐藏
- JS控制HTML元素的显示和隐藏
- js点击显示隐藏图片