当前位置: 编程技术>WEB前端
jquery动态添加删除一行数据示例
来源: 互联网 发布时间:2014-08-25
本文导语: 代码如下: 添加、删除一行 $(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为空 }); $(".delOne...
代码如下:
添加、删除一行
$(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();
}
}
});
});
姓名:
地址: