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

复制代码 代码如下:

pageEncoding="UTF-8"%>
;
gt;

<头>



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.typeId }'> ${ti.typeName }";
var c1 = " 盒< ;/选项><选项值='1'>瓶子";
var d1=">";
var e1=''；
var f1=''；
var g1=''；
var h1="<输入 name='totalTicketPrice' id='totalTicketPrice' type='text' style=' width:92.5%;height: 18px;'值='0'>>”;
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=总计;

}

申请人：

区域：

申请日期： < input name="applyDate" id="applyDate" type="text" class="date textInput readonly " style="width: 40%" readonly="readonly"/> 选择

即发 < ;input type="radio" name="serviceId" id="" value="1"/>即发即开

<表格宽度=“752”边框=“1px;”对齐=“中心”样式=“边框折叠：折叠；边框：1px纯黑色；边距：自动；”

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


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




;
<选项值=“${p.productId }”>${p.commName }






${ti.typeName }





盒
瓶









合计
 
 
 
 
 
 
 














































;

结算/付款方式	对公 对私 非现
发货资料	发货方式	邮政 申通 其他	发货始限	选择	普通件          急件
	收货地址
	到站		收货人		联系方式
审批	总经理室		市场部		所在区域
	不同意 同意		不同意 同意		不同意 同意
以下由市场部/财务部填写
贷款给付情况	入账时间	入账银行账号/卡号	入账金额;	经办人
	选择			<输入disabled="true" name="dealPerson" id="dealPerson" type="text" style=" width:93%;height: 24px;" value="${user.fullName}"/>
	发运情况;	发运时间	选择	经办人		《内部发货单》号码
		承运单位		运单号码

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

备注

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

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

 

 

 

 

 

 

 

• 提交


• 取消