`
free_kingdom
  • 浏览: 42995 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

JavaScript增减表格行

阅读更多
function   addRow()   {   
		var myTable = document.getElementById("t2");   
		var i = myTable.rows.length;   
		var row = myTable.insertRow();
		
		row.align = "center";
				
		row.insertCell(0).innerText = i;
		row.insertCell(1).innerHTML = "<input name=\"textfield\" type=\"text\" size=\"3\" />";
		row.insertCell(2).innerHTML = "<input name=\"textfield2\" type=\"text\" size=\"3\" />";
		row.insertCell(3).innerHTML = "<a href=\"#\" onclick=\"if(!confirm('确定删除该信息吗?')){return;}deleteRow("+i+");\">删除</a>";
		
  }

 

function deleteRow(i){
  	var myTable = document.getElementById("t2");   
  	var l = myTable.rows.length;
	
	for(var s = i + 1; s < l;s++ ){
		myTable.rows[s].cells[0].innerText = s - 1;
		myTable.rows[s].cells[3].innerHTML = "<a href=\"#\" onclick=\"if(!confirm('确定删除该信息吗?')){return;}deleteRow("+(s - 1)+");\">删除</a>";
	}
	myTable.deleteRow(i);
  
  }

 表格id=t2,四列,每次删除行都会有确认信息。

 

分享到:
评论

相关推荐

    javascript动态增减表格

    javascript实现的动态增减表格 dom ie

    动态增删行插件

    当用户触发这些事件时,JavaScript代码会生成新的行元素(HTML表格的元素)或者移除现有行,并且可能需要更新相关的DOM结构。同时,为了实现行号的自动刷新,JavaScript需要维护一个行号计数器,每次操作后更新所有...

    vue+element的表格中添加加减按钮的问题

    这个功能模块旨在实现一种表格行内操作,允许用户通过加减按钮来动态增删数据,同时确保每行的操作独立,不互相干扰。下面将详细介绍如何在Vue+Element的环境中实现这个功能。 首先,你需要安装Vue和Element UI库。...

    JavaScript_js特效

    3. **购物车特效**:在电子商务网站中,将商品添加到购物车的过程可以通过JavaScript模拟,包括商品的选中、数量增减、总价计算等功能。利用`localStorage`或`sessionStorage`可实现数据持久化,使商品在页面间保持...

    JavaScript实现动态增删表格的方法

    动态表格意味着可以在页面加载后,通过用户的操作来增减表格中的行。这种方法在数据展示、数据管理页面中非常实用。 首先,我们使用HTML来构建表格的基本结构,并提供用户输入数据的界面。在这个结构中,我们将有一...

    带增减按钮的输入框

    在网页设计中,"带增减按钮的输入框"是一种常见的交互元素,它通常用于数量选择、评分系统或设置特定数值。这种输入框的特点是它不仅包含一个文本输入字段,还配备有两个按钮,一个用于增加数值,另一个用于减少数值...

    jQuery动态增减行的实例代码解析(推荐)

    本文详细介绍了使用jQuery实现表格动态增减行的...通过以上的知识点解析,可以看出,本文提供了一个使用jQuery来实现动态增减表格行操作的实例,该实例代码详细、实用,并能够帮助前端开发者解决实际开发中的类似需求。

    JavaScript写的table增、批量删、模糊查询、文本框编辑

    每个表格行末尾都有一个复选框,用于标记该行是否需要被删除。用户可以通过勾选这些复选框来选择多行记录,之后可以通过特定的按钮(如“批量删除”)来触发删除操作。 #### 4. 模糊查询 模糊查询功能允许用户根据...

    光棒效果-变色表格

    而"变色表格"则是在这个基础上,结合了颜色变化的元素,根据数据的增减、变化或特定条件,自动调整单元格的颜色,以直观地展示数据的状态和趋势。 在实际应用中,实现光棒效果和变色表格的技术手段多种多样,包括但...

    ext 双层表格 grid(附带图片)

    EXT JS Grid支持多种扩展和插件,如行选择器、工具栏、导出功能等,可以进一步增强双层表格的功能。 8. **事件监听**: 你可以监听Grid的各种事件,如`itemclick`、`sortchange`等,以响应用户的操作或数据的变化...

    javascript 微调按钮

    JavaScript微调按钮是一种常见于网页交互中的控件,它允许用户通过点击或滑动来增加或减少数值,常用于输入量、评分系统或者选择数量等场景。在这个项目中,我们看到的是一个用JavaScript实现的微调按钮,它可以方便...

    javascript万年日历js

    在实现万年日历中,JavaScript负责处理所有的逻辑计算,如月份天数的判断、闰年的识别、日期的增减等。开发者通常会定义一系列的函数来处理这些核心算法,例如,获取当前日期、计算指定年份和月份的天数、以及切换...

    table动态增加删除行列

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

    统计图-饼图、折线图html页面在线生成统计图表

    在这个平台上,用户可以将数据输入到HTML表格的tr(表格行)和td(表格单元格)中,表格可以灵活地添加行和列,以便容纳多组数据。刷新页面后,JavaScript会解析这些数据,并利用相应的库(如Chart.js或D3.js)自动...

    javascript自己写的日历控件及实例

    在这个实例中,我们可能会看到如何使用JavaScript创建一个包含月份和日期的表格,以及如何根据用户的点击事件来切换月份或选择特定日期。 日历控件通常包括以下几个核心组件: 1. **显示控制**:展示当前日期,...

    我常用的js组件,包含自动补全,js字典,table动态增减

    动态表格允许用户在表格中添加或删除行,常见于数据管理界面。实现这类功能,需要监听DOM事件(如点击按钮),根据事件触发相应的增删操作,并更新表格DOM结构。现代前端框架如Angular、React和Vue提供了便捷的方式...

    jquery实现input数字加减表格表单代码下载.zip

    本资源提供的“jQuery实现input数字加减表格表单代码下载”正是针对这种需求,提供了便捷的数字增减功能,让用户在输入框中通过加减按钮轻松调整数值。 【描述】:“jquery实现input数字加减表格表单代码下载” 这...

    页面动态添加行-批量保存

    - 使用JavaScript或者其库如jQuery来实现在用户交互时动态生成表格行。例如,当用户点击“添加行”按钮时,可以通过DOM操作(如`document.createElement`,`appendChild`等)创建新的`&lt;tr&gt;`元素,并插入到表格中。 ...

    WebCalendar网页日历控件(js,javascript)

    5. **日期逻辑**:实现日期的增减、月份切换、闰年判断等日期相关的计算逻辑,确保日历的正确显示和操作。 6. **国际化支持**:为了适应不同地区的用户,WebCalendar控件往往提供多语言支持,可以通过参数配置来...

Global site tag (gtag.js) - Google Analytics