`

(转)js自动添加一行或删除一行

 
阅读更多
<html>
<head>
<title>自动添加一行或删除一行</title>
</head>
<script>
var rowid=3;
function insertRow(){
   newRow=PLList.insertRow(PLList.rows.length);
   newRow.id="tdt";
   newRow.bgColor="#e0e0e0";
   newRow.className="tableData";
   c1=newRow.insertCell(0);
   c1.id="delItem";
   c1.className="scheduleButtonVisible";
   c1.innerHTML="<input type=text name=PLID value=0>";
   c2=newRow.insertCell(1);
   c2.innerHTML="<input type=text size=10 maxlength=10 name=date  class=tableData >";
   c3=newRow.insertCell(2);
   c3.innerHTML="<input type=text size=10 maxlength=10 name=date1  class=tableData >";
}
//删除最后1行
function DeleteRow(tableId)
{ var objTable = document.getElementById(tableId);
if(objTable.rows.length==1)
{  alert("对不起,你不能删除表格头!!!");
  return; }
if(confirm("确定删除?"))
{  objTable.deleteRow(); }
}
</script>
<body>

<table><tr><td>
<table id=PLList><tr><td>aa</td><td>bb</td><td>cc</td></tr></table>
</td></tr></table>

<input type="button" value="addRow" onclick="insertRow()">
<input type="button" onClick="DeleteRow('PLList')" value="删除一行">
</body>
</html>
分享到:
评论

相关推荐

    js实现添加删除一行。每一行下面可以再添加一行。序号自动改变

    本效果带tab切换效果。...js实现自动添加删除一行。添加删除时序号自动改变。每一行后面有添加一行按钮,点击时自动在点击行的下面添加一行。新添加行有文本框,文本框输入值失去焦点后自动变为输入的值。

    基于JavaScript实现动态添加删除表格的行

    又一个动态控制表格的效果,用JavaScript动态生成表格行、表格列,以及还可动态删除这些行列,行等,运行代码后,点击对应的功能按钮,即可实现对应的表格操作功能。 1.jsp 产品名称 编号 数量 重量 操作 ...

    jquery表格动态添加删除行代码.zip

    jquery表格动态添加删除行代码是一款基于jquery实现的表格里面点击按钮后可进行自动添加删除行功能代码。

    js动态添加表格逐行添加、删除、遍历取值的实例代码

    功能包括:表格添加一行,表格删除一行,表格遍历取值等。 点击说明:点击添加按钮,则表格添加一行,可进行录入,删除按钮,可删除当前行,其他行不影响。删除或者添加,每行的的编号都会自动变化,套餐和价格是&lt...

    js实现对table动态添加、删除和更新的方法

    主要介绍了js实现对table动态添加、删除和更新的方法,涉及javascript针对html中table表格节点的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    基于PHP+javaScript+css+html开发的个人商城系统之卡密自动发货平台+源码+开发文档(高分优秀项目)

    4.批量添加卡密(一行一个)/删除卡密 5.一键切换模板[目前1套] 6.对接易支付/码支付/官方支付,可分开对接 7.批量购买 8.网站信息一键修改 9.邮箱自动发送卡密 10.商品独立分享链接 11.商城出售状况邮件通知 12....

    程序天下:JavaScript实例自学手册

    9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现分页 9.31 删除表格指定行 9.32 设置表格的...

    nuclide-format-js:有助于自动格式化javascript的codemods的集合

    细节此codemods集合会自动添加,删除和格式化所需的内容。 它主要是一种启发式方法,它要求使用未声明的正在使用的标识符。 它还知道Flow类型,并将适当地将类型导入提升为require,并在适当时降级require以类型导入...

    蜘蛛侠 自动采集

    蜘蛛侠 自动采集 安装环境: php 5.2.x Zend 3.3.x 使用说明: windows下设置 IIS 设置404错误为URL /index.php 实现内页静态。 (注意这里是设置类型是URL不是文件) windows下删除主目录下 .htaccess 文件 安装好...

    《程序天下:JavaScript实例自学手册》光盘源码

    9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现分页 9.31 删除表格指定行 9.32 设置表格的...

    JavaScript笔记

    JavaScript:定义行为和动作 (基于对象和事件驱动的客户端脚本语言;也是一种广泛应用于客户端Web开发的脚本语言) 基于对象:网页中的一切元素都是假象!不需要new,即可直接使用 事件驱动:JavaScript的执行都是...

    json格式数据的添加,删除及排序方法

    本文实例讲述了json格式数据的添加,删除及排序方法。...一、添加和删除 1、一维数组 test = {}; //空json对像 test['firstname'] = "tank"; //添加二个元素 test['lastname'] = "zhang"; console.l

    Ext js 教程大全

    再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件里...

    JavaScript网页特效范例宝典源码

    实例200 动态生成行或列 313 实例201 删除表中的行 314 7.4 单元格的相关操作 316 实例202 隐藏及显示单元格 316 实例203 编辑单元格中的文本信息 318 实例204 合并单元格 320 实例205 在表格中添加行及单元格 322 ...

    Parsley:验证您的表单,前端,无需编写一行 javascript-开源

    甚至不需要为简单的表单验证编写一行 JavaScript 代码。 Parsley 现在更智能了,它会自动检测表单的修改并相应地调整其验证。 只需添加、删除或编辑字段,Parsley 验证就会随之而来! Parsley 附带了十多个有用的...

    javascript实现添加附件功能的方法

    在邮件中我们经常用到添加附件,现在简单的应用下: 效果图: 实现原理: 采用table标签的,主要思想:采用table标签方式 1、点击文字之后,就自动创建(原先是...//插入一行 var td=tr.insertCell();//插入一列 var

    JavaScript王者归来part.1 总数2

     9.4 字符串与文本处理--JavaScript棋谱阅读器(一)   9.4.1 需求分析--什么是棋谱和棋谱阅读器   9.4.2 系统设计--棋谱和棋盘数据的字符串描述   9.4.3 系统实现--解析和处理棋谱   9.4.4 完整的棋谱阅读...

    大名鼎鼎SWFUpload- Flash+JS 上传

     SWFUpload是一个客户端文件上传工具,最初由Vinterwebb.se开发,它通过整合Flash与JavaScript技术为WEB开发者提供了一个具有丰富功能继而超越传统标签的文件上传模式。 [编辑本段]SWFUpload的主要特点  * 可以...

    Ext js-2.0 带API

     再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变grid大小,grid之间推拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...

Global site tag (gtag.js) - Google Analytics