js实现动态添加、删除行、onkeyup表格求和示例_javascript技巧

复制代码 代码如下:

pageEncoding="UTF-8"%>
;






function countTotalRealPrice(){
var ProductNeedNum = $("#productNeedNum").val();
var realPrice= $("#realPrice").val();
vartotalRealPrice=productNeedNum*realPrice;
$("#totalRealPrice").val(totalRealPrice);

}
function countTotalTicketPrice(){
var ProductNeedNum = $("#productNeedNum").val();
varticketPrice = $("#ticketPrice").val()
vartotalTicketPrice=productNeedNum*ticketPrice;
$("#totalTicketPrice").val(totalTicketPrice);
}

$(function(){
$("#t1").css("显示", "无");
$("#t2").css ("显示", "无")
$("#t3").css("显示", "无");
$("#t4").css("显示", "无");
$("#t5").css("显示", "无");

});
/* function sumNum(){
$("input[name=productNeedNum]").each(function(){
//alert($(this).attr("id")) ;// 每个的 id
var ProductNeedNum=$("#productNeedNum").attr("value")
alert(productNeedNum);
// var sum = ProductNeedNum
// alert("sum:" sum); // $("#sum").val(sum);

} */

function addRow(){
var x=document.getElementById('tb1').insertRow(3);
var a=x.insertCell(0)
var b=x.insertCell(1)
var c=x.insertCell(2)
var d=x.insertCell(3)
var e=x.insertCell(4)
var f=x.insertCell(5)
var g=x.insertCell(6)
var h=x.insertCell(7)
var a1 = "${p.commName }";
var b1=" ${ti.typeName }";
var c1 = " 盒瓶子选项>选择>";
var d1=">";
var e1=''；
var f1=''；
var g1=''；
var h1=">”;
a.innerHTML=a1
b.innerHTML=b1
c.innerHTML=c1
d.innerHTML=d1
e.innerHTML=e1
f.innerHTML=f1
g.innerHTML=g1
h.innerHTML=h1
}
函数deleteRow(){
var tab = document.getElementById('tb1');
if(tab.rows.length > 4)
{
tab.deleteRow(tab.rows.length-2);
}else{
alertMsg.confirm("已经剩下最后一行，不能删除！");
}
}

函数 sum(x){
var y=document.getElementById(x).value;
if(isNaN(y)){
document.getElementById(x).value=0;
}
var num=document.getElementById("productNeedNum").value;
var realPrice=document.getElementById("realPrice").value; ;
var TicketPrice=document.getElementById("ticketPrice").value;
if(realPrice!=null){
total=num*realPrice
document; .getElementById("totalRealPrice").value=total;
}
if(ticketPrice!=null){
total=num*ticketPrice;
document.getElementById("totalTicketPrice").value=总计;

}

申请人：

区域： ${a.areaName }

申请日期： 选择

业务类型： 即发 < ;input type="radio" name="serviceId" id="" value="1"/>即发即开 其他

;收货单位全称

申请发货明细
产品名称
规格
数量
单价
结算贷款;


盒/瓶
件
实价(元)
开票价(元)
实价合计(元)
开票价(元)




;
${p.commName }选项>

选择>




${ti.typeName }





盒
瓶









合计
 
 
 
 
 
 
 






































表>




表>


;


;








表>


;

结算/付款方式	对公 对私 非现
发货资料	发货方式	邮政 申通 其他	发货始限	选择	普通件          急件
	收货地址
	到站		收货人		联系方式
审批	总经理室		市场部		所在区域
	不同意 同意		不同意 同意		不同意 同意
以下由市场部/财务部填写
贷款给付情况	入账时间	入账银行账号/卡号	入账金额	经办人
	选择
	发运情况	发运时间	选择	经办人		《内部发货单》号码
		承运单位		运单号码

申请开票事项	客户(收票)全称
	单位地址
	单位税号			电话
	开户银行			账号
发票开具领用情况	开票时间	选择		发票号码
	开票款额	金额		领票人
		税额		领票时间	选择
		价税合计		承寄商/单号

备注

说明：①、点击单元格"开票价合计(元)"添加行

②、点击单元格"实格合计(元)"删除行

 

 

 

 

 

 

 

• 提交


• 取消