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

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-05-16 16:51:11
原創
1110 人瀏覽過

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


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
angular.js - AngularJS Select預設值?
來自於 1970-01-01 08:00:00
0
0
0
javascript - select 框預設值
來自於 1970-01-01 08:00:00
0
0
0
php - onchange select 選擇重置
來自於 1970-01-01 08:00:00
0
0
0
select 選擇語句條件問題.請解惑.
來自於 1970-01-01 08:00:00
0
0
0
angular.js - angular的select問題
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板