[求助]在网页中如何实现动态地显示和隐藏元件？ - JavaScript论坛

| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 |

编程论坛 → WEB开发 → 『 JavaScript论坛』 → [求助]在网页中如何实现动态地显示和隐藏元件？

我的收件箱(0)

欢迎加入我们，一同切磋技术

共有 1600 人关注过本帖

标题：[求助]在网页中如何实现动态地显示和隐藏元件？

只看楼主加入收藏

mumu

等　级：新手上路
帖　子：4
专家分：0
注　册：2005-4-4

楼主

问题点数：0 回复次数：6

[求助]在网页中如何实现动态地显示和隐藏元件？

请问各位大侠，我的一个简单的html页面的代码如下： <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>

<body bgcolor="#FFFFFF" text="#000000"> <form name="form1" method="post" action=""> <p> <input type="checkbox" name="checkbox" value="checkbox" onclick="javascript:ChangeValue()"> Valid</p> <p> <input type="text" name="textfield1"> </p> <table name="table1" border="1"> <tr><td>askdjfl;a</td></tr> </table> </form> </body> </html> 在页面中，点击checkbox时，能够动态地enable/disable编辑框请教如下问题，如果实现在点击checkbox时，能够动态地显示和隐藏编辑框以及下面的table?

搜索更多相关主题的帖子: 元件　网页　 document　动态　

2005-04-04 16:37

bingxue2332

等　级：新手上路
威　望：6
帖　子：446
专家分：0
注　册：2004-11-6

第 2 楼

得分:0

[CODE]<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script Language="JavaScript">

</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<form name="form1" method="post" action="">
  <p>
    <input type="checkbox" name="checkbox" value="checkbox" onclick="javascript:ChangeValue()" checked>
    Valid</p>
  <p>
    <input type="text" name="textfield1">
  </p>
<div id="tb" style="position:absolute;   visibility: visible;">
  <table name="table1" border="1">
   <tr><td>askdjfl;a</td></tr>
  </table>
</div>
</form>
</body>
</html>[/CODE]

[此贴子已经被作者于2005-4-4 16:48:28编辑过]

2005-04-04 16:47

mumu

等　级：新手上路
帖　子：4
专家分：0
注　册：2005-4-4

第 3 楼

得分:0

2005-04-04 16:51

mumu

等　级：新手上路
帖　子：4
专家分：0
注　册：2005-4-4

第 4 楼

得分:0

再次请教，这个方法在表格中无效，该怎么办？我的代码如下 <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script Language="JavaScript">  </script> </head> <body bgcolor="#FFFFFF" text="#000000"> <form name="form1" method="post" action=""> <p> <input type="checkbox" name="checkbox" value="checkbox" onclick="javascript:ChangeValue()"> Valid</p>

</form> </body> </html> 我要动态地显示和隐藏item2，如何实现？

2005-04-06 16:49

哈马拟

等　级：新手上路
帖　子：270
专家分：0
注　册：2004-7-15

第 5 楼

得分:0

<html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script Language="JavaScript">  </script> </head> <body bgcolor="#FFFFFF" text="#000000"> <form name="form1" method="post" action=""> <p> <input type="checkbox" name="checkbox" value="checkbox" onclick="javascript:ChangeValue()"> Valid</p> <div> <table border="1"> <tr height="40"> <td>Item1<td> </tr>

[此贴子已经被作者于2005-4-6 20:59:31编辑过]

2005-04-06 20:57