jquery动态添加删除一行数据示例
更新时间：2014年06月12日 09:04:42 投稿：whsnow
这篇文章主要介绍了jquery如何动态添加删除一行数据,需要的朋友可以参考下
复制代码 代码如下:
<html>
<head>
<title>添加、删除一行</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../js/jquery-1.9.1.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" id="name" name="name" />
</td>
<td>地址:</td>
<td><input type="text" id="address" name="address" /></td>
<td><input type="button" class="delOneRow" value="删除" /></td>
</tr>
</table>
<input type="button" id="addOneRow" value="添加一行" />
</body>
</html>
相关文章
这篇文章主要介绍了Jquery判断页面图片是否加载失败,加载失败则显示默认图片的实现方法,需要的朋友可以参考下2023-06-06
这篇文章主要介绍了jquery鼠标经过变色效果代码，大家参考使用吧2013-12-12
上周新接手一个网站建设的活儿，其中有需要要jquery代码实现三级菜单的需求，其实说难也不难，下面小编把代码分享给大家，供大家参考2016-05-05
本文给大家收集整理了jquery遍历节点的方法，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-05-05
下面都是默认一样大小的方块，当鼠标放到你想要放的位置，则当前位置的方块则放大。2010-05-05
今回给大家介绍个圆形旋转的效果，基于圆形的物理特性，又圆上任意一点可以作为一个控制按钮，然后拖动它来使图片轮换。2011-01-01
JavaScript实现向select下拉框中添加和删除元素的方法
这篇文章主要介绍了JavaScript实现向select下拉框中添加和删除元素的方法,涉及jQuery中append()与remove()方法动态操作表单元素的相关技巧,需要的朋友可以参考下2017-03-03
这篇文章主要为大家详细介绍了jQuery Datatables表头不对齐的解决办法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
这篇文章主要介绍了jQuery过滤选择器用法,实例分析了:first、:last、:odd、:even等等常用的过滤选择器的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了如何使用jQuery技术开发ios风格的页面导航菜单,需要的朋友可以参考下2015-07-07
最新评论