선택한 행 및 열을 jquery로 구현하는 예_jquery

Jquery 메서드

코드 복사 코드는 다음과 같습니다.

$(
함수( ) {

//페이지가 로드될 때 인사 통계 테이블의 총 값을 계산합니다
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