表格的新增以及和删除一行数据(可以新增原有数据)
来源:互联网 发布:python使用turtle 编辑:程序博客网 时间:2024/06/05 19:44
<html>
<head>
<title>添加、删除一行</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script type="text/javascript">
$(function() {
$("#addOneRow").click(function() {
var tempTr = $("tr:first").clone(true);
// $("tr:last > td > .address").val("");//新添加行address为空
});
$(".delOneRow").click(function() {
if ($("tr").length < 2) {
alert("至少保留一行!");
} else {
if (confirm("确认删除?")) {
$(this).parent().parent().remove();
}
}
});
});
</script>
</head>
<body>
<table border="1">
<tr>
<td>姓名:</td>
<td><input type="text" class="name" name="name" />
</td>
<td>地址:</td>
<td><input type="text" class="address" name="address" /></td>
<td><input type="button" class="delOneRow" value="删除" /></td>
</tr>
</table>
<input type="button" id="addOneRow" value="添加一行" />
</body>
<head>
<title>添加、删除一行</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script type="text/javascript">
$(function() {
$("#addOneRow").click(function() {
var tempTr = $("tr:first").clone(true);
$("tr:last").after(tempTr);
//是否复制表格内部的内容;
// $("tr:last > td > .name").val("");//新添加行name为空// $("tr:last > td > .address").val("");//新添加行address为空
});
$(".delOneRow").click(function() {
if ($("tr").length < 2) {
alert("至少保留一行!");
} else {
if (confirm("确认删除?")) {
$(this).parent().parent().remove();
}
}
});
});
</script>
</head>
<body>
<table border="1">
<tr>
<td>姓名:</td>
<td><input type="text" class="name" name="name" />
</td>
<td>地址:</td>
<td><input type="text" class="address" name="address" /></td>
<td><input type="button" class="delOneRow" value="删除" /></td>
</tr>
</table>
<input type="button" id="addOneRow" value="添加一行" />
</body>
</html>
阅读全文
0 0
- 表格的新增以及和删除一行数据(可以新增原有数据)
- js 新增和删除表格
- 栈的数据的--新增、删除、输出
- cassandra新增、更新、删除数据。
- 在已有数据的listbox中新增一行listitem
- DataGridView新增数据,修改数据,删除数据
- angular中删除表格数据的一行
- MVC项目中与后台协调写出的关于表格数据读取、修改、删除、提交、新增数据的JS事件
- jqGrid表格的新增和删除功能封装
- 表格的编辑,删除,新增操作
- c#中DataGrid的数据新增编辑删除操作代码
- datagridview的使用,即时新增,更新,删除数据库数据
- weka数据集中特征的新增、删除、复制、添加ID
- php判断比较两个数组中的数据(得出删除的,和新增的)
- 一个实现数据增量加载的ETL算法(记录新增、更新和删除标志)
- 环形队列数据--新增、删除、输出
- Ajax方式删除表格一行数据
- 数据对比,列出数据修改、新增、删除记录
- Mybatis批量插入的使用
- JS中如何去掉ARRAY中的重复元素
- jQuery的属性与样式之删除样式.removeClass()
- 一个资深C语言工程师说如何学习C语言
- JAVA基本面试二
- 表格的新增以及和删除一行数据(可以新增原有数据)
- vc版run as (指定用户运行)
- 解决继承HibernateDaoSupport用getHibernateTemplate()无法更新的问题
- 动态规划题目
- Linux_06 Linux其他命令
- JS中splice跟slice的区别
- [SQL]实现Oracle拷贝表Create table as select
- 对象无法注入
- 非常可乐 HDU