Question

I need to create sum of the values selected, but i have small problem with the jquery bit.

My html table

<TR>
<TD>
<INPUT disabled onchange=updateDetails() value=33441 CHECKED type=checkbox name=invoiceRow dpieagent_iecontroltype="5"><INPUT value=false type=hidden name=isProfFee></TD>
<TD>Professional fees for  Searches</TD>
<TD>285.00</TD></TR>
<TR>
<TD><INPUT onchange=updateDetails() value=36486 CHECKED type=checkbox name=invoiceRow dpieagent_iecontroltype="5"><INPUT value=false type=hidden name=isProfFee></TD>
<TD>Professional fees</TD>
<TD>3213.03</TD></TR>

my javascript is:

where #InvoiceItemsRows is <tbody> tag

function updateDetails() {
      $("#InvoiceItemsRows input[type=checkbox][checked]").parent().last().each(
          function(index, value) {
            alert(value.html());
          }
     );
}

Answer 1

Try this (you have to close <Input> tags):

function updateDetails() {
    var sum = 0;
    $("#InvoiceItemsRows input[type=checkbox]:checked").each(
        function() {
          sum += parseFloat($(this).closest('tr').children('td:eq(2)').text());
        }
     );
    return sum;
}

alert(updateDetails());