/**
*
* @tableId 表格id
* @numId 显示张数id
* @index 列数
* @first 首次标识
* @obj checkbox对象
*/
function countNum(tableId, numId, index, first,obj) {
var sumStr = document.getElementById(numId);
//当前行进行加减
if (null != obj) {
var num = new Number(obj.parentElement.parentElement.cells[index].innerText);
if (obj.checked) {
sumStr.value = new Number(sumStr.value) + num;
}
else {
sumStr.value = new Number(sumStr.value) - num;
}
}
//遍历所有进行加减
else {
var table = document.getElementById(tableId);
var sum = 0;
var rows = table.rows;
for (i = 1; i < rows.length; i++) {
//判断是否有复选框
var checkObj = rows[i].cells[0].all[0];
var flag = false;
if (null != checkObj
&& typeof checkObj.type != 'undefined'
&& checkObj.type == 'checkbox') {
flag = checkObj.checked;
}
//首次默认计算全部或增加选中的值
if (first || flag) {
var num = new Number(rows[i].cells[index].innerText);
sum = sum + num;
}
}
sumStr.value = sum;
}
}
1. jsp，带复选框
<xmdc:form style="position:relative;top:10px;" id="AEDT_account">
<xmdc:panelGrid columns="10" width="98%" styleClass="content_table"
align="center" columnwidths="4%,6%,4%,8.5%,4%,6%,5%,5.5%,2.5%,4.5%"
columnaligns="right,left,right,left,right,left,right,left,right,left"
columnClasses="content_index,content_body,content_index,content_body,
content_index,content_body,content_index,content_body,content_index,content_body">
<xmdc:outputText value="移交人员"></xmdc:outputText>
<xmdc:panelGroup>
<xmdc:inputText style="width:80px;validator:checkNotNull(移交人员);"
value="#{AddExistDataTransfer.transferBFO.transferOperatorName}"
onchange="reExport();"></xmdc:inputText>
<xmdc:outputText value="*" style="color:red;"></xmdc:outputText>
</xmdc:panelGroup>
<xmdc:outputText value="移交日期"></xmdc:outputText>
<xmdc:panelGroup>
<xmdc:ccbcalendar
value="#{AddExistDataTransfer.transferBFO.transferDate}"
id="transferDate"></xmdc:ccbcalendar>
<xmdc:outputText value="*" style="color:red;"></xmdc:outputText>
</xmdc:panelGroup>
<xmdc:outputText value="签收人员"></xmdc:outputText>
<xmdc:panelGroup>
<xmdc:inputText style="width:80px;validator:checkNotNull(签收人员)"
value="#{AddExistDataTransfer.transferBFO.receiveOperatorName}"
onchange="reExport();"></xmdc:inputText>
<xmdc:outputText value="*" style="color:red;"></xmdc:outputText>
</xmdc:panelGroup>
<xmdc:outputText value="签收人员编号"></xmdc:outputText>
<xmdc:panelGroup>
<xmdc:inputText style="width:100px;validator:checkNotNull(签收人员编号)"
value="#{AddExistDataTransfer.transferBFO.receiveOperatorNo}"
onchange="reExport();"></xmdc:inputText>
<xmdc:outputText value="*" style="color:red;"></xmdc:outputText>
</xmdc:panelGroup>
<xmdc:outputText value="张数"></xmdc:outputText>
<xmdc:inputText id="number" readonly="true" style="width:70px;"></xmdc:inputText>
</xmdc:panelGrid>
<xmdc:panelGrid width="100%">
<xmdc:div styleClass="auto" style="height:375px;width:100%">
<xmdc:dataTable var="row" cellpadding="2" styleClass="sortable"
value="#{AddExistDataTransfer.unTransferExistList}"
style="width:100%" id="countNumT">
<xmdc:column width="4%">
<xmdc:facet name="header">
<xmdc:selectBooleanCheckbox
onclick="selectAll(this);
countNum('AEDT_account:countNumT', 'AEDT_account:number',4,false);">
</xmdc:selectBooleanCheckbox>
</xmdc:facet>
<xmdc:selectBooleanCheckbox value="#{row.select}"
onclick="reExport();
countNum('AEDT_account:countNumT', 'AEDT_account:number',4,false,this);">
</xmdc:selectBooleanCheckbox>
</xmdc:column>
<xmdc:column width="160px">
<xmdc:facet name="header">
<xmdc:outputText value="账号"></xmdc:outputText>
</xmdc:facet>
<xmdc:outputText value="#{row.accountNo}"></xmdc:outputText>
</xmdc:column>
<xmdc:column>
<xmdc:facet name="header">
<xmdc:outputText value="户名"></xmdc:outputText>
</xmdc:facet>
<xmdc:outputText value="#{row.accountName}"></xmdc:outputText>
</xmdc:column>
<xmdc:column>
<xmdc:facet name="header">
<xmdc:outputText value="操作类型"></xmdc:outputText>
</xmdc:facet>
<xmdc:outputText value="#{row.operateType}"></xmdc:outputText>
</xmdc:column>
<xmdc:column>
<xmdc:facet name="header">
<xmdc:outputText value="张数"></xmdc:outputText>
</xmdc:facet>
<xmdc:outputText value="#{row.count}"></xmdc:outputText>
</xmdc:column>
</xmdc:dataTable>
</xmdc:div>
</xmdc:panelGrid>
<xmdc:verbatim>
<script type="text/javascript">
countNum("AEDT_account:countNumT", "AEDT_account:number",4,true);
</script>
</xmdc:verbatim>
</xmdc:form>
2. jsp，不带复选框
<xmdc:form style="position:relative;top:10px;" id="DTRD_account">
<xmdc:panelGrid columns="10" width="98%" styleClass="content_table"
align="center" columnwidths="8%,13%,8%,13%,8%,13%,8%,13%,5%,11%"
columnaligns="right,left,right,left,right,left,right,left,right,left"
columnClasses="content_index,content_body,content_index,content_body,
content_index,content_body,content_index,content_body,content_index,content_body">
<xmdc:outputText value="移交人"></xmdc:outputText>
<xmdc:outputText
value="#{DataTransferReceiveDetail.bfo.transferOperatorName}"></xmdc:outputText>
<xmdc:outputText value="移交日期"></xmdc:outputText>
<xmdc:outputText
value="#{DataTransferReceiveDetail.bfo.transferDate.val}"></xmdc:outputText>
<xmdc:outputText value="签收人员"></xmdc:outputText>
<xmdc:outputText
value="#{DataTransferReceiveDetail.bfo.receiveOperatorName}"></xmdc:outputText>
<xmdc:outputText value="签收日期"></xmdc:outputText>
<xmdc:outputText
value="#{DataTransferReceiveDetail.bfo.receiveDate.val}"></xmdc:outputText>
<xmdc:outputText value="张数"></xmdc:outputText>
<xmdc:inputText id="number" readonly="true"></xmdc:inputText>
</xmdc:panelGrid>
<xmdc:panelGrid width="100%">
<xmdc:div styleClass="auto" style="height:420px;width:100%">
<xmdc:dataTable var="row" cellpadding="0" styleClass="sortable"
value="#{DataTransferReceiveDetail.detailList}" style="width:100%"
id="countNumT">
<xmdc:column width="165px">
<xmdc:facet name="header">
<xmdc:outputText value="账号"></xmdc:outputText>
</xmdc:facet>
<xmdc:outputText value="#{row.accountNo}"></xmdc:outputText>
</xmdc:column>
<xmdc:column>
<xmdc:facet name="header">
<xmdc:outputText value="户名"></xmdc:outputText>
</xmdc:facet>
<xmdc:outputText value="#{row.accountName}"></xmdc:outputText>
</xmdc:column>
<xmdc:column>
<xmdc:facet name="header">
<xmdc:outputText value="操作类型"></xmdc:outputText>
</xmdc:facet>
<xmdc:outputText value="#{row.operateType}"></xmdc:outputText>
</xmdc:column>
<xmdc:column>
<xmdc:facet name="header">
<xmdc:outputText value="张数"></xmdc:outputText>
</xmdc:facet>
<xmdc:outputText value="#{row.count}"></xmdc:outputText>
</xmdc:column>
<xmdc:column>
<xmdc:facet name="header">
<xmdc:outputText value="是否电子审批"></xmdc:outputText>
</xmdc:facet>
<xmdc:outputText value="#{row.echief}"></xmdc:outputText>
</xmdc:column>
</xmdc:dataTable>
</xmdc:div>
</xmdc:panelGrid>
<xmdc:verbatim>
<script type="text/javascript">
countNum("DTRD_account:countNumT", "DTRD_account:number",3,true);
</script>
</xmdc:verbatim>
</xmdc:form>
分享到：
相关推荐
主要介绍了jQuery获取table下某一行某一列的值实现代码的相关资料,需要的朋友可以参考下
js某一列值的合计统计，这是对前端某一字段的值进行统计，不是从后台数据库中调取数据。对于某一列值有进行过运算处理过的统计，就很值得一用了。
js获取table 中 tr td的值的实例,有需要的朋友可以下下来参考
js控制隐藏显示table特定列，word文档中有源码实例。
通过js获取table某一列 td 里面的值，并将其正数变成负数 负数变成正数
jquery table 横竖列的求总和，jquery table 横竖列的求总和，jquery table 横竖列的求总和 参考 var lastTr = []; $("#table").find("tr").each(function(j, e){ if(j == 0){ return true
复制表格(table)里的一列 js代码 可复制表格里的任何一列
js实现table列头拖拽，。。。。。。
//创建八列 for(var j=0;j;j++){ var _td=_tr.insertCell(j); //var _tn=document.createTextNode(i.toString()+j.toString()); var t=document.createElement("input"); t.size=20; _td...
Table动态排序，可以按Table的列对该Table进行动态排序
使用jquery获取table一列所有的值用于操作
javascript动态生成table及处理.
bootstrap-table冻结列例子
本文实例讲述了JavaScript控制table某列不显示的方法。分享给大家供大家参考。具体实现方法如下： 1、table代码 代码如下:<table id=”mytable” border=”0″ width=”1400″ align=”center” cellpadding=”3″...
javascript动态的table标签
今天小编就为大家分享一篇layui异步加载table表中某一列数据的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
主要介绍了JavaScript获取table中某一列的值的方法,需要的朋友可以参考下
使用javascript实现table动态增加删除行列。
用于layui table 自定义列，保存table模板
主要介绍了JS实现动态修改table及合并单元格的方法,结合完整实例形式分析了JS动态遍历及修改table单元格的具体操作技巧,需要的朋友可以参考下