значения HTML таблицы с использованием JavaScript

Question

У меня есть HTML таблицу, как

 Invoice#   Due Date  Balance  Select 
     12345   12/25/2011 $1,356.00  X 
     56789   12/30/2011 $1,000.00  X 

     Total:      $2,356.00 

Ниже в таблице У меня есть текстовое поле. Когда флажок в строке выбран или отменен, я хочу, чтобы значение текстового поля обновлялось для добавления или вычитания баланса в выбранной строке, т. Е. Вычесть баланс, указанный в строке, когда флажок снят, и добавить его при проверке , По умолчанию будут отмечены флажки.

Спасибо за помощь

Answer 1

Предполагая, что JQuery:

$('table input[type="checkbox"]').click(function() { 
    var curBalance=new Number($("#textbox").val()); 
    var rowBalance=new Number($(this).parent().prev().text()); 

    var newNum=0; 
    if (this.checked) newBalance=curBalance+rowBalance; 
    else newBalance=curBalance-rowBalance; 

    $("#textbox").val(newBalance); 
}); 

Answer 2

Предполагая, что каждый не имеет другого дочернего элемента как <p>, <a> & <button>, содержит только текст. Если нет, повторите первое заявление, пока не достигнете элемента <tr>.

function getBalance(e){ 
    e = e.parentElement; //get the parent of the <td>. 
    e = e.children[2]; //get the 3rd <td> of that <tr>. 
    //finally copy the textContent to the value attribute. 
    document.getElementById(inputboxId).setAttribute('value', e.textContent); 
    //e.innerText for older browsers. 
} 

Поместите обработчик события onclick на ячейки 4-го столбца.

<td onclick='getBalance(this)'>X</td>