问题:在一个tbody下,如何数量和价格,合计出单项的金额,同时在最下面合计出总金额
页面的jsp代码如下:
<table border="0" cellpadding="2" cellspacing="0" id="bgLwg_table"> <tr bgcolor="#E6E6E6"> <td align="center" bgcolor="#EEEEEE" style="width: 25px;">序号</td> <td align="center" bgcolor="#EEEEEE" style="width: 25px;">操作</td> <!-- <td align="left" bgcolor="#EEEEEE" style="width: 126px;"> 姓名 </td> --> <td align="left" bgcolor="#EEEEEE" style="width: 126px;"> 时间 </td> <td align="left" bgcolor="#EEEEEE" style="width: 126px;"> 劳务工单价 </td> <td align="left" bgcolor="#EEEEEE" style="width: 126px;"> 劳务工金额 </td> </tr> <tbody id="add_bgLwg_table"> <c:if test="${fn:length(bgLwgList) > 0 }"> <c:forEach items="${bgLwgList}" var="poVal" varStatus="stuts"> <tr> <td align="center"><div style="width: 25px;" name="xh">${stuts.index+1 }</div></td> <td align="center"><input style="width:20px;" type="checkbox" name="ck" /></td> <input name="bgLwgList[${stuts.index }].id" type="hidden" value="${poVal.id }"/> <input name="bgLwgList[${stuts.index }].createName" type="hidden" value="${poVal.createName }"/> <input name="bgLwgList[${stuts.index }].createBy" type="hidden" value="${poVal.createBy }"/> <input name="bgLwgList[${stuts.index }].createDate" type="hidden" value="${poVal.createDate }"/> <input name="bgLwgList[${stuts.index }].updateName" type="hidden" value="${poVal.updateName }"/> <input name="bgLwgList[${stuts.index }].updateBy" type="hidden" value="${poVal.updateBy }"/> <input name="bgLwgList[${stuts.index }].updateDate" type="hidden" value="${poVal.updateDate }"/> <input name="bgLwgList[${stuts.index }].sysOrgCode" type="hidden" value="${poVal.sysOrgCode }"/> <input name="bgLwgList[${stuts.index }].sysCompanyCode" type="hidden" value="${poVal.sysCompanyCode }"/> <input name="bgLwgList[${stuts.index }].bpmStatus" type="hidden" value="${poVal.bpmStatus }"/> <input name="bgLwgList[${stuts.index }].fid" type="hidden" value="${poVal.fid }"/> <td align="left"> <input name="bgLwgList[${stuts.index }].lwgDate" maxlength="32" type="text" class="inputxt" style="width:120px;" onchange="fun_lwg(this)" value="${poVal.lwgDate }"/> <label class="Validform_label" style="display: none;">时间</label> </td> <td align="left"> <input name="bgLwgList[${stuts.index }].lwgPrice" maxlength="32" type="text" class="inputxt" style="width:120px;" onchange="fun_lwg(this)" value="${poVal.lwgPrice }"/> <label class="Validform_label" style="display: none;">劳务工单价</label> </td> <td align="left"> <input name="bgLwgList[${stuts.index }].lwgTotalprice" maxlength="32" type="text" class="inputxt" style="width:120px;background-color: #CCCCCC" readonly="readonly" value="${poVal.lwgTotalprice }"/> <label class="Validform_label" style="display: none;">劳务工金额</label> </td> </tr> </c:forEach> </c:if> </tbody> <tr bgcolor="white"> <td align="center" style="width: 25px;" colspan="2" >合计:</td> <td align="left" style="width: 126px;"> <input name="lwgtopr" maxlength="32" class="inputxt" style="width:120px" readonly="readonly"/> </td> <td align="left" style="width: 126px;"> </td> <td align="left" style="width: 126px;"> <input name="lwgtqwopr" maxlength="32" class="inputxt" style="width:120px" readonly="readonly"/> </td> </tr> </table>
对应的js代码如下:
function fun_lwg(ele){ var bgGxqty =$(ele).parent().parent().find("input[name$='lwgDate']").val(); var bgBzprice =$(ele).parent().parent().find("input[name$='lwgPrice']").val(); var tota=parseFloat(bgBzprice)*parseFloat(bgGxqty); if(bgGxqty!=''&&bgBzprice!=''){ $(ele).parent().parent().find("input[name$='lwgTotalprice']").val(tota.toFixed(2)); } var toattsdprice=0; $("#add_bgLwg_table").find("input[name$='lwgTotalprice']").each(function(){ if(this.value!=''){ toattsdprice=parseFloat(toattsdprice)+parseFloat(this.value); } }); $("input[name$='lwgtqwopr']").val(toattsdprice.toFixed(2)); }
标签:name,parent,劳务工,val,jsp,input,jeecg,find,页面 From: https://www.cnblogs.com/xujiating/p/17774167.html