jquery实现table新增、删除行，并实现sum统计

                                                
   
   

													
    
    
													
    
    


													
    
    
产品编码
产品名称
产品数量
产品price
产品total
shui点
备注
操作

												
   
   
												
   
   

													
    
    
												
   
   
												
   
   

    
    
													总计:
    
    
												
   
   
												
	// js调用table初始化
	$(function() {
			initTable();
		});var show_count = 20; //要显示的条数
		var count = 1; //递增的开始值，这里是你的ID
		$(function() {
			$("#btn_addtr").click(
					function() {
						var length = $("#dynamicTable thead tr").length;
						if (length < show_count) //点击时候，如果当前的数字小于递增结束的条件
						{
							$("#tab11 tbody tr").clone().appendTo(
									"#dynamicTable tbody"); //在表格后面添加一行
							changeIndex();//更新行号
						}
					});

		});
		function changeIndex(invoicelistsize) {
			var i = 1;
			$("#dynamicTable tbody tr").each(function() { //循环tab tbody下的tr
				$(this).find("input[name='NO']").val(i++);//更新行号
			});
		}

		function deltr(opp) {
			var length = $("#dynamicTable tbody tr").length;
			//alert(length);
			if (length <= 1) {
				alert("至少保留一行");
			} else {
				$(opp).parent().parent().remove();//移除当前行
				changeIndex();
			}
		}
		//初始化table
		function initTable() {
			var invoicelistsize = $("#invoicelistsize").val();
			//判断list的大小
			if (invoicelistsize == "0") {
				for (var i = 0; i < 5; i++) {

					$("#tab11 tbody tr").clone()
							.appendTo("#dynamicTable tbody"); //在表格后面添加一行
					changeIndex();//更新行号

				}
			} else {
				for (var i = 1; i < invoicelistsize; i++) {
					//更新行号
					$("#dynamicTable tbody tr").each(function() { //循环tab tbody下的tr
						$(this).find("input[name='NO']").val(i++);//更新行号
					});
				}
			}
		}
		function colNum() {
			var names = document.getElementsByName("quantity");
			var total = document.getElementsByName("total");
			var cdanjia = document.getElementsByName("price");
			var invoice_total = 0;
			for (var i = 0; i < names.length; i++) {
				var num = names[i].value;
				if (num == '') {
					num = 0;
				}
				var cdanjianum = cdanjia[i].value;
				if (cdanjianum == '') {
					cdanjianum = 0;
				}
				var nums = parseInt(num);
				var cdanjianums = cdanjianum * 1;
				total[i].value = (nums * cdanjianums).toFixed(2);
				invoice_total = Number(invoice_total) + Number(total[i].value);
				if (total[i].value == 0) {
					total[i].value = "";
				}
			}
			$("#invoice_total").val(invoice_total.toFixed(2));
		}
		function onlyNum(obj) {

			if (!isNaN(obj.value)) {

			} else {
				obj.value = 0;
			}
		}

实现效果如下图：