首页 > 学院 > 开发设计 > 正文

table中数据显示NaN问题。

2019-11-06 09:00:36
字体:
来源:转载
供稿:网友

主要问题在于之前在table中嵌套了个div,以至于查看源码div为空,js取不到值问题。

解决方法:在table中的tr中设置class。

<table border="1">					<tr>					    <td>材料名称</td>					    <td>材料类型</td>					    <td>施工面积</td>					    <td>规格</td>					    <td>涂布量</td>					    <td>出货量</td>					    <td>合约供货价</td>					    <td>合约供货金额</td>					    <td>申请特价</td>					    <td>特价供货金额</td>	  				</tr>					<c:forEach items="${ps}" var="p">						<tr class="bucket">						    <td>${p.PRoductName}</td>						    <td>${p.type}(${p.specialEvent})</td>						    <td>${p.area}㎡</td>						    <td>${p.specifications}kg/桶</td>						    <td><c:if test="${p.coatingType ne '默认'}">(${p.coatingType})</c:if>								${p.coating}kg/㎡</td>						    <td><font id="shipment">${p.shipment}</font>kg								<font id="tin">${p.tin}</font>桶</td>						    <td>${p.cprice}元/kg/${p.ctinWeight}元/桶</td>						    <td><font id="cmoney">${p.cmoney}</font>元</td>						    <td>${p.sprice}元/kg/${p.stinWeight}元/桶</td>						    <td id="last"><font id="smoney">${p.smoney}</font>元</td>		  				</tr>					</c:forEach>					<tr>					    <td colspan="10"><label class="label">						<span class="need">*</span>配套统计:					</label>					出货量小计:<font id="shipmentSub" class="shipmentSub" color="red">0</font>kg  <font id="tinSub" class="tinSub" color="red">0</font>桶					----合约供货金额小计: <font id="cmoneySub" class="cmoneySub" color="red">0</font>元					----特价供货金额小计: <font id="smoneySub" class="smoneySub" color="red">0</font>元					</td>					</tr>				</table>
function caculSub(obj){//该obj 为一个产品配套		var shipmentSub=0;		var tinSub=0;		var cmoneySub=0;		var smoneySub=0;		$(".bucket",obj).each(function(i){			shipmentSub+=parseFloat($("#shipment",$(this)).text());			tinSub+=parseFloat($("#tin",$(this)).text());			cmoneySub+=parseFloat($("#cmoney",$(this)).text());			smoneySub+=parseFloat($("#smoney",$(this)).text());		})		$("#shipmentSub",obj).text(Math.round(shipmentSub*100)/100);		$("#tinSub",obj).text(Math.round(tinSub*100)/100);		$("#cmoneySub",obj).text(Math.round(cmoneySub*100)/100);		$("#smoneySub",obj).text(Math.round(smoneySub*100)/100);		caculTotal();	}


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表