如何在.aspx页中使用JavaScript来运行asp：Label的总数

Question

I am currently using this JavaScript to have a running total of textboxes that display to a asp:label.

$(document).ready(function () {
    //Iterate through each Textbox and add keyup event handler
    $(".myTextBox0").each(function () {
        $(this).keyup(function () {
            //Initialize total to 0
            var total = 0;
            $(".myTextBox0").each(function () {
                // Sum only if the text entered is number and greater than 0                             
                if (!isNaN(this.value) && this.value.length != 0) { total += parseFloat(this.value); }
            });
            //Assign the total to 
            //.toFixed() method will roundoff the final sum to 2 decimal places  
            $('#<%=lblJobTotals0.ClientID %>').html(total.toFixed(2));
        });
    });
});

How do I do the same for all the summed labels to sum themselves to a grand total of all the summed labels (to another label) ?

per David's suggestion I have tried with the only result being the lblTotalsAll changed to "0".

$(document).ready(function () {
    //Iterate through each Labels
    var total = 0;
    // all labels to sum have cssClass = .lblTotals
    $(".lblTotals").each(function () {
        // add to the total  
          var labelValue = $(this).text();
        if (!isNaN(labelValue) && labelValue.length != 0) {
            total += parseFloat(labelValue);
        }

});

$('#<%=lblJobTotalsAll.ClientID %>').html(total.toFixed(2));

});

Answer 1

You'd start with the same concept:

var total = 0;
$(".myLabel0").each(function () {
    // add to the total
});
// do something with the total

Now, since an asp:Label generates a <span> and not an <input> , you can't get the value from .value . Instead, you'd need to parse it from the text that you're currently writing to the element. Something like this:

var labelValue = $(this).text();
if (!isNaN(labelValue) && labelValue.length != 0) {
    total += parseFloat(labelValue);
}

Structurally you're basically doing what you already do for the values of text boxes, but for the contents of <span> elements instead.