删除表行时重新计算合计

Question

这是小提琴。我想要的是在删除一行时重新计算总数。我试过这个，但不起作用：

tot -= parseInt(table.rows[i].cells[1].innerHTML)
        table.deleteRow(i);
                rowCount--;
                i--;

下面是我的代码：

null

<div class="lorr">
     <table id="myTable" border="1">
                                
     </table>
     <br />
</div>
<button id="deletes">Remove Checked</button>
<button type="button" onclick="displayResult()">Insert new row</button>    
<div id="total">
</div>

null

<script type="text/javascript">
    function displayResult()
    {
    var swap = '<input type="checkbox" class="escondeyou">';
    var table = document.getElementById("myTable");
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);    
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    cell1.innerHTML = swap+"NEW CELL1ffffffffffffffffff ui7iytuiui riuiui ri";
    cell2.innerHTML = "600";
    cell2.style.fontWeight="bold";
    cell2.style.wordBreak="keep-all";
    var tot = "RD$"+document.getElementById("total").innerHTML;
    // ******************** Important part ******************************
    var tot=0; 
        for(var i=0;i<=rowCount;i++){
        tot += parseInt(table.rows[i].cells[1].innerHTML);      
    }
    document.getElementById("total").innerHTML=tot;
    };


</script>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>

以下是工作的内容:http://jsfidle.net/joansuriel/qmhdl/50//

Answer 1

所以您有一个delete方法，只需用它做一些事情。

您的代码：

$('#deletes').click(function(){
  $("table input[type='checkbox']:checked").parent().parent().remove();
});

更改为：

$('#deletes').click(function(){
  $("table input[type='checkbox']:checked").parent().parent().remove();
  var $table = document.getElementById("myTable");
  var total = 0;
  for (var i=0; i < $table.rows.length; i++) {
    var currentRow = $table.rows[i];
    total = total + parseInt(currentRow.cells[currentRow.cells.length - 1].innerHTML);
  }

  document.getElementById("total").innerHTML = total.toString();
});

如果你有任何问题请评论我。

Answer 2

以下是您的click处理程序应该做的事情，而不需要太多更改代码。请注意，您可以重用calcTotal，但要小心，I循环直到I

$('#deletes').click(function(){

    $("table input[type='checkbox']:checked").parent().parent().remove();
    calcTotal(document.getElementById("myTable"), document.getElementById("total"));
});

function calcTotal(table, total){
    var tot = 0;
    for(var i=0;i<table.rows.length;i++){
        tot += parseInt(table.rows[i].cells[1].innerHTML);      
    }
    total.innerHTML=tot;
}