ASP动态表格和复选框

hzliuhai88 2008-04-24 12:11:19
ASP在同一页面如何实现如下图效果,上表格是动态成的行数不定,下表格是根据上表格的选择动态生成。十分感谢!
...全文
68 点赞 收藏 2
写回复
2 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
lihuasoft 2008-04-24
参考:(在客户端动态生成表格的方法)

http://fishcat.blog.com.cn/archives/2006/946496.shtml
回复
No_Data_Found 2008-04-24
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">

function $(object_ID)
{
return document.getElementById(object_ID);
}


function selectRow()
{
var tb1 = $("tb1");
var tb2 = $("tb2");

while(tb2.rows.length > 1)
{
tb2.deleteRow(1);
}

var rowCount = 0;

for(var i=1;i<tb1.rows.length-1;i++)
{
var tr = tb1.rows[i];

if(tr.cells[0].firstChild.checked)
{
rowCount = rowCount + 1;
var newTr = tb2.insertRow(rowCount);

var newTd0 = newTr.insertCell();
newTd0.innerHTML = "<input type=\"checkbox\" checked>";

var newTd1 = newTr.insertCell();
newTd1.innerHTML = tr.cells[1].innerHTML;

var newTd2 = newTr.insertCell();
newTd2.innerHTML = tr.cells[2].innerHTML;

var newTd3 = newTr.insertCell();
newTd3.innerHTML = tr.cells[3].innerHTML;

}
}
}


</script>
</head>

<body>
<table id="tb1" border="1">
<tr>
<td>check</td>
<td>Id</td>
<td>name</td>
<td>Sex</td>
</tr>
<tr>
<td><input type="checkbox" onclick="selectRow()" /></td>
<td>001</td>
<td>Name1</td>
<td>M</td>
</tr>
<tr>
<td><input type="checkbox" onclick="selectRow()" /></td>
<td>002</td>
<td>Name2</td>
<td>W</td>
</tr>
<tr>
<td><input type="checkbox" onclick="selectRow()" /></td>
<td>003</td>
<td>Name3</td>
<td>M</td>
</tr>
<tr>
</table>
<br />


<table id="tb2" border="1">
<tr>
<td>check</td>
<td>Id</td>
<td>name</td>
<td>Sex</td>
</tr>
</table>
</body>
</html>
回复
相关推荐
发帖
ASP
创建于2007-09-28

2.8w+

社区成员

ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
申请成为版主
帖子事件
创建了帖子
2008-04-24 12:11
社区公告
暂无公告