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>
回复 赞
相关推荐
复选下拉框用于Gridview筛选 ASP.NET页面上我们显示数据表格一般用GridView控件，有时GridView数据行数很多，我想用一个类似Excel里的筛选功能来检索数据，文章可见地址
使用javascript动态添加带有复选框的表格行 标题：使用JavaScript动态添加带有复选框的表格行 作者：Vivek Kapile 电子邮件：已快照 语言：JavaScript 平台：ASP.net中JavaScript 技术：用于ASP.net 级别：初学者 介绍 此代码将为想要学习的初学者提供帮助，...
javascript复选框_使用javascript动态添加带有复选框的表格行 javascript复选框 标题：使用JavaScript动态添加带有复选框的表格行 作者：Vivek Kapile 电子邮件：已快照 语言：JavaScript 平台：ASP.net中JavaScript 技术：用于ASP.net 级别：初学者 介绍 此...
表格行或单元格点击勾选复选框 最近发现表格里面有复选框的，但是复选框太小了不容易点，就有了让复选框更容易选中的想法。 直接上代码 // html 部分 <link rel="stylesheet" type="text/css" href="lib/Bootstrap/css/bootstrap.min.css"/>...
复选框全选和取消全选 开发工具和关键技术：Visual Studio 2015，JavaScript 作者：金建勇 撰写时间：2019年5月26日 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 下面要讲的又是一个小功能，大家在做项目的过程中肯定也是会...
selenium 操作复选框 通过浏览器打个这个页面我们看到三个复选框和两个单选框。下面我们就来定位这三个复选框。 # -*- coding: utf-8 -*- from selenium import webdriver import time import os dr = webdriver.Firefox() file_...
如何获取复选框的值 我们在很多地方都用到了复选框，数据表格里也有复选框，新增数据时也可能要复选框，修改时也要回填复选框，所以我们用到的地方挺多的。 复选框我们都知道，它的样子就是一个小正方形，然后可以在里面打钩。 没错，...
HTML中 单复选框的用法 HTML中有两种选择框，分别为单选框和复选框。 两者的区别：单选框中的选项用户只能选择一项，而复选框中用户可以任意选择多项，甚至全选。 它的语法： &lt;input type="radio/checkbox" value="...
layerui中如何点击表格行让复选选中并可以监听到复选框选中这个事件。 $(document).on("click",".layui-table-body table.layui-table tbody tr",function(){ var obj = event ? event.target : event.srcElement; var tag = obj.tagName; var checkbox = $(this).find("t...
HTML复选框可以设置为只读吗？ 我以为他们可以，但是因为我不把钱放在我的嘴里（可以这么说）设置readonly属性实际上似乎没有做任何事情。 我宁愿不使用Disabled，因为我希望检查复选框与表单的其余部分一起提交，我只
ASP.NET CheckBoxList复选框 设置某项为钩选状态 foreach(ListItem li in lngCatalogID.Items) {if(li.Value.Equals("钩选条件")) //如果li.Value值等于某值,就钩选 { li.Selected = true; break; } } 反向选择 for (int i = 0; i...
Asp.net中满足条件的复选框自动被选中（一） 2）当前用户已在的分组的复选框被勾选上     二、下面先演示一下想要的效果：   1、给单个用户分组，选择用户： 2、弹框 查询所有分类列表；把已分组的复选框选中，效果图如下： 三、实现...
Ext Js 3.2 表格应用复选框 显示行号和复选框 <meta http-equiv="expires" content="0"> ,keyword2,keyword3"> <link rel="stylesheet" type="text/css" href="ext3.2/resources/css/ext-all.css"></link> ...
设置asp.net中的复选框列表的显示样式的方法 Asp.net 中的 CheckBoxList 控件，没有设置项（ListItem）宽度的属性，无法通过简单设置属性的方式来改变项的宽度，CheckBoxList 控件显示的大小只会跟随文本内容的长度进行调整，当文本内容长度不一致时，CheckBox...
关于表单中单选框与复选框的几个小知识点 1.多选框设置只能选中一个$('#registerForm').find('input[type=checkbox]').bind('click', function(){ $('#registerForm').find('input[type=checkbox]').not(this).attr("checked", false);2.获取单选...
asp复选框插入问题.. --#include file="../Connections/conn.asp" --> ' *** Edit Operations: declare variables Dim MM_editAction Dim MM_abortEdit Dim MM_editQuery Dim MM_editCmd Dim MM_editConnection Dim MM_editTable Dim MM...
MVC根据CheckBox的Value值选中对应的复选框及获取选中的Value值 View视图代码 @using (Html.BeginForm("H", "Default1"))//Default1控制器 H是方法 {//循环添加5个CheckBoxs for (int i = 0; i < 5; i++) { <input type="checkbox" ...
ASP.NET中 CheckBoxList(复选框组)的使用 ylbtech-ASP.NET-Control-... ASP.NET中 CheckBoxList(复选框组)的使用。 1.A,运行效果返回顶部 CheckBoxList（复选框组）  属性 值 作用  RepeatDirection  Horizonta...
ASP.NET实现弹出框真分页将复选框选择的数据存到数据库中（三） //弹出框 ()"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <span class="icon-sprite icon-magnifier"></span> 主单信息 添加" onclick="SaveToJson() ...
html+JavaScript学习的第一天（基础及实现复选框全选，全不选，单选项全选后全选按钮自动锁定等） 有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学...
发帖
ASP
创建于2007-09-28

2.8w+

社区成员

35.7w+

社区内容

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