`
lcb530
  • 浏览: 55728 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

删除行(table操作)

HTML 
阅读更多 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE>删除表格</TITLE>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script language="javascript">
	var rount=0;
	function deleteRow(){
		var mytable = document.getElementsByTagName("table")[0];
		for(var i=mytable.rows.length-1;i>=0;i--){
			if(mytable.rows(i).cells(0).firstChild.checked){
				mytable.rows(i).removeNode(true);
			}
		}
	}
</script>
<body>
	<center>
	<br/>
	删除表格测试
	<hr/>
	<br/>
		<table border="1" width="480"> 
			<tr>  
				<td><input type=checkbox></td > 
				<td>11111</td>  
			</tr>  
				<td><input type=checkbox></td> 
				<td>22222</td>
			</tr> 
				<td><input type=checkbox></td> 
				<td>33333</td> 
			</tr> 
				<td><input type=checkbox></td> 
				<td>44444</td> 
			</tr> 
				<td><input type=checkbox></td> 
				<td>55555</td>   
			</tr>  
		</table>
	</center>
<input type=button value="删除" onclick=deleteRow()>
 </BODY>
</HTML>
分享到：
| 可移动的DIV
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js 操作 增加删除Table行

    本文将深入探讨如何使用JavaScript来动态地增加和删除表格（Table）的行。 首先，我们需要了解HTML表格的基本结构。一个基本的表格由`&lt;table&gt;`元素、`&lt;tr&gt;`（表格行）元素、`&lt;td&gt;`（表格数据单元格）元素组成。如果...

    table JS 添加行和删除行

    在本话题中，我们将深入探讨如何使用JavaScript来添加和删除HTML表格（table）中的行。这对于构建数据展示或者管理界面非常实用。 首先，让我们了解HTML表格的基本结构。一个简单的HTML表格由`&lt;table&gt;`标签定义，每...

    javascript table 增加删除行,巧妙实现

    在JavaScript中，表格（Table）是网页数据展示的常用元素，而动态地增加或删除行则是常见的交互需求。本文将深入探讨如何巧妙地利用JavaScript来实现这个功能。 首先，我们需要了解HTML中的`&lt;table&gt;`元素及其相关...

    jQuery删除table指定行

    在博客“jQuery删除table指定行”中，作者可能详细解释了这些概念，并可能提供了一些实际示例代码。通过阅读博客，你可以获得更深入的理解和实践指导。 总的来说，删除HTML表格中的指定行涉及到jQuery的选择器和DOM...

    利用jquery给指定的table动态添加一行、删除一行的方法

    删除行的操作可以通过选中对应的行，通常是通过复选框来实现。`delTr`函数接收一个参数，即复选框的名称（ckb）。它首先找到所有被选中的复选框，然后删除它们的父`tr`元素。这通常涉及到遍历所有选中的复选框并...

    javascript对table的添加，删除行的操作

    在JavaScript中，对HTML表格（`&lt;table&gt;`元素）进行添加和删除行的操作是常见的前端开发任务，尤其在动态展示数据或用户交互场景下。这篇博文主要探讨如何使用JavaScript实现这些功能。 首先，我们需要理解HTML表格...

    jstable添加行删除行复制行

    在处理表格（Table）元素时，JavaScript可以帮助我们实现实时的动态操作，比如添加、删除和复制行。本文将详细讲解如何使用JavaScript来实现这些功能。 首先，我们需要了解HTML中的`&lt;table&gt;`元素。它用于创建表格，...

    JS动态添加、删除Table行排序（删除整行、删除整列）

    这篇教程将专注于如何使用JavaScript动态地添加、删除Table的行，并实现排序功能，包括删除整行和整列。以下是对这些概念的详细解释： 1. **动态添加Table行：** 要动态添加行，我们可以使用`document....

    bootstrap table实现双击可编辑、添加、删除行功能

    本文实例为大家分享了bootstrap table双击可编辑的具体代码，供大家参考，具体内容如下 html： &lt;table class=table id=para_table&gt; 名称 值 操作 &lt;td style=tex

    js操作table行的上下移动，置顶置底

    首先，`js操作table行的上下移动，置顶置底`这个主题涉及到的主要技术是DOM操作，事件监听和数组处理。DOM（Document Object Model）是HTML和XML文档的编程接口，通过JavaScript我们可以对表格中的每一行进行操作。...

    table动态增加删除行列

    使用javascript实现table动态增加删除行列。

    常用的js动态增加（删除）table数据行的功能

    它可能包含了表格结构，以及触发添加或删除行操作的按钮。 在实际应用中，你可能需要处理更多复杂情况，比如验证输入数据、处理用户选中的行、响应用户交互等。了解并熟练掌握这些基本操作后，你就能轻松应对各种...

    Layui表格行添加编辑删除操作和保存数据代码.zip

    本资源“Layui表格行添加编辑删除操作和保存数据代码.zip”包含了一个完整的示例，演示了如何在Layui表格中实现动态的行添加、编辑和删除功能，并且将这些操作与数据保存相结合。下面我们将详细探讨这些知识点。 ...

    table添加、删减行，单元格添加、修改、删除标记，对于指定标记默认生成显示，浮动定位且不会产生水平导航条

    综上所述，使用jQuery处理表格提供了丰富的交互可能性，可以轻松实现动态添加、删除行和单元格，以及根据特定标记进行操作。在实际应用中，还需要注意性能优化，避免大量DOM操作导致的性能下降。同时，合理的CSS布局...

    table动态添加行

    4. **事件绑定**：对于删除行功能，通常我们会将删除操作绑定到行的右键菜单或行的特定图标上，这需要使用`addEventListener`为每个行添加事件监听器。 这样，我们就实现了基本的`HTML`表格动态添加和删除行的功能...

    JQuery动态添加删除table行.

    在网页开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了DOM操作，包括动态地添加和删除表格行。本文将深入探讨如何使用jQuery实现这一功能，以提高网页交互性。 一、HTML基础 首先，我们需要一个基本...

    asp.net table控件自动添加删除行功能代码

    总之，ASP.NET Table控件的自动添加和删除行功能主要依赖于后台代码来处理，通过创建和操作TableRow和TableCell对象，以及利用Table控件的Rows集合。理解这些基础概念和方法，能帮助你更好地构建具有动态交互功能的...

    全面的table操作解压即可使用

    在这个“全面的table操作解压即可使用”的压缩包中，我们可以期待找到一系列关于如何使用jQuery来增强HTML表格功能的代码示例和教程。 首先，`table排序`是网页表格常用的功能之一。在jQuery中，可以使用插件如...

    jquery table 添加、删除行、列

    在网页开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了DOM操作，包括对表格（table）的操作。本文将深入探讨如何使用jQuery实现表格的添加、删除行和列的功能，以便于动态更新和管理HTML表格内容。 ...

    vuejs element table 表格添加行,修改,单独删除行,批量删除行操作

    Element UI是一个基于Vue 2.0的组件库，提供了丰富的UI组件，其中包括表格（Table）组件，非常适合用于实现复杂的表格操作，如添加、修改、单独删除以及批量删除行。本文将详细介绍如何在Element UI的表格组件中实现...

Magicbox
Global site tag (gtag.js) - Google Analytics