首頁 >web前端 >js教程 >jquery實作select選取行、列合計範例_jquery

jquery實作select選取行、列合計範例_jquery

WBOY
WBOY原創
2016-05-16 16:51:111081瀏覽

Jquery 方法

複製程式碼 程式碼如下:

$(
function (>function (> 🎜>
//頁面加載時計算人員統計表合計值
calcSum();

});

//合計行計算
/*
以合計行為中間變數
每個單元格與該列合計行相加
得到每列合計
*/
function trVisible(chk, index) {

varchk 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


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn