Maison > interface Web > js tutoriel > le corps du texte

Exemple d'implémentation jquery de certaines lignes et colonnes sélectionnées_jquery

WBOY
Libérer: 2016-05-16 16:51:11
original
1058 Les gens l'ont consulté

Méthode Jquery

Copier le code Le code est le suivant :

$(
fonction ( ) {

//Calculer la valeur totale du tableau des statistiques du personnel au chargement de la page
calcSum();

} ;

//Calculer le ligne de total
/*
Utiliser la ligne de total comme variable intermédiaire
Ajouter chaque cellule à la ligne de total de la colonne
Obtenir le total de chaque colonne
*/
fonction 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() {

//La ligne totale se voit attribuer une valeur initiale de 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");
//Les lignes cachées ne participent pas au calcul
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()));
}
});
}
});


}


Déclaration HTML


Copier le codeLe code est le suivant :



分公司





张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


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal