我试图在“总计”字段中保留“运行总计”,但是,它仅采用第一个“价格”字段的总计,而不是添加的字段。
表格
<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>