随笔- 108 文章- 0 评论- 9 阅读- 66万

jeecg中jsp页面合计问题

问题：在一个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)); 
   }