jquery实现select选中行、列合计示例_jquery
程序员文章站
2022-04-11 12:18:07
...
Jquery 方法
$(
function () {
//页面加载时计算人员统计表合计值
calcSum();
});
//合计行计算
/*
以合计行为中间变量
每个单元格与该列合计行相加
得到每列合计
*/
function trVisible(chk, index) {
var disValue = $("#Tr" + index).css("display");
if (chk.checked) {
$("#Tr" + index).css("display", "block");
}
else {
$("#Tr" + index).css("display", "none");
}
calcSum();
}
function calcSum() {
//合计行赋初始值0
$("#trSum").each(function () {
$(this).find("td").each(function () {
if ($(this).index() != 0) {
$(this).text("0");
}
});
});
$("#tabrytj").find("tr").each(function () {
var trDis = $(this).css("display");
//隐藏行不参与计算
if (trDis == "block") {
$(this).find("td").each(function () {
var index = $(this).index();
if (index >= 1) {
var tdValue = $("#trSum").find("td:eq(" + index + ")").text();
//totalSum += parseFloat($(this).text());
$("#trSum").find("td:eq(" + index + ")").text(parseFloat(tdValue) + parseFloat($(this).text()));
}
});
}
});
}
html语句
复制代码 代码如下:
$(
function () {
//页面加载时计算人员统计表合计值
calcSum();
});
//合计行计算
/*
以合计行为中间变量
每个单元格与该列合计行相加
得到每列合计
*/
function trVisible(chk, index) {
var disValue = $("#Tr" + index).css("display");
if (chk.checked) {
$("#Tr" + index).css("display", "block");
}
else {
$("#Tr" + index).css("display", "none");
}
calcSum();
}
function calcSum() {
//合计行赋初始值0
$("#trSum").each(function () {
$(this).find("td").each(function () {
if ($(this).index() != 0) {
$(this).text("0");
}
});
});
$("#tabrytj").find("tr").each(function () {
var trDis = $(this).css("display");
//隐藏行不参与计算
if (trDis == "block") {
$(this).find("td").each(function () {
var index = $(this).index();
if (index >= 1) {
var tdValue = $("#trSum").find("td:eq(" + index + ")").text();
//totalSum += parseFloat($(this).text());
$("#trSum").find("td:eq(" + index + ")").text(parseFloat(tdValue) + parseFloat($(this).text()));
}
});
}
});
}
html语句
复制代码 代码如下:
分公司 | | 张1 | 张2 | 张3 | 张4 | 张5 | 张6 |
张1 | 124536 | 124536 | 124536 | 124536 | 124536 | 124536 | 124536 | 124536 | 124536 | 124536 |
张2 | 124536 | 124536 | 124536 | 124536 | 124536 | 124536 | 124536 | 124536 | 124536 | 124536 |
张23 | 124536 | 124536 | 124536 | 124536 | 124536 | 124536 | 124536 | 124536 | 124536 | 124536 |
0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
推荐阅读
-
jquery实现省市select下拉框的替换(示例代码)
-
jquery实现select选中行、列合计示例
-
JQuery Datatables 实现对某一列的数据合计汇总
-
jQuery实现table中两列CheckBox只能选中一个的示例
-
Vue+jquery实现表格指定列的文字收缩的示例代码
-
JQuery Datatables 实现对某一列的数据合计汇总
-
jquery 实现两Select 标签项互调示例代码
-
jquery实现省市select下拉框的替换(示例代码)_jquery
-
jquery实现省市select下拉框的替换(示例代码)_jquery
-
jquery实现省市select下拉框的替换(示例代码)