ASP动态表格和复选框

hzliuhai88 2008-04-24 12:11:19

ASP在同一页面如何实现如下图效果，上表格是动态成的行数不定，下表格是根据上表格的选择动态生成。十分感谢！

...全文

129 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

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>