添加行时的运行总计javascript

时间:2019-03-13 23:42:47

标签: javascript jquery html

我试图在“总计”字段中保留“运行总计”,但是,它仅采用第一个“价格”字段的总计,而不是添加的字段。

表格

<html>
            <form action="" id="Test">
                <table>
                    <thead>
                        <tr>
                            <th>
                                Part Number
                            </th>
                            <th>Part Qty</th>
                            <th>Part Price</th>
                            <th>Add Line</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><input type="text" name="Part" id="Part"></td>
                            <td><input type="text" name="Qty" id="Qty"></td>
                            <td><input type="text" name="Price" id="Price"></td>
                            <td><input type="button" onclick="addRow("Test")></td>
                        </tr>
                    </tbody>
                </table>
                <input type="text" name="Total" id="Total">
                <button type="submit">Submit</button>
            </form>
</html>

添加行的脚本。也许不是添加行的最佳方法。这适用于多种不同的形式。

<script>
function addRow(tableID) {
    count++;
    var table = document.getElementById(tableID);

     var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);


   var colCount = table.rows[0].cells.length;
   // var count= rowCount;


   for(var i=0; i<colCount; i++) {



     var newcell    = row.insertCell(i);

         row.id = count;







         newcell.innerHTML = table.rows[1].cells[i].innerHTML;

        newcell.childNodes[0].id = newcell.childNodes[0]+""+ count ;


         switch(newcell.childNodes[0].type) {
             case "text":
                   newcell.childNodes[0].value = "";


                    break;
             case "checkbox":
                  newcell.childNodes[0].checked = false;
                     break;
             case "select-one":
                     newcell.childNodes[0].selectedIndex = 0;
                     break;

}

下面是我要用于将“运行总计”添加到“总计”字段中的脚本。但是只添加了一个价格。

$(document).ready(function(){
    $(document).on("keyup", "#Price", function() {
        var sum = 0;

        $("#Price").each(function() {
            sum += $(this).val();
        });
        $("#Total").val(sum);
    })
})



</script>

0 个答案:

没有答案