如何使用javascript动态生成总计

Question

这里我想动态创建总计。我得到了总价格和数量。但我不能得到总计的总数，所以请求解决这个问题，这里我必须使用php for for ten row

import java.util.ArrayList;

public class HelloLambda {

public static void main(String[] args) {
    ArrayList<String> names = new ArrayList<>();
    names.add("Kambiz");
    names.add("kambiz");
    names.add("k1ambiz");
    names.add("1Bmbiza");
    names.add("Samantha");
    names.add("Jakey");
    names.add("Lesley");
    names.add("Hayley");
    names.add("Benjamin");
    names.add("Anthony");

    names.stream().
        filter(e -> e.contains("a")).
        sorted().
        forEach(System.out::println);
}
}

{{1}}

Answer 1

存储总计数 全球，并获取＆＃34; 演示的所有元素＆＃34; 通过 querySelector 然后计算它们。

检查snippest。

＆＃13;

＆＃13;

var _mytotal=0;
function _Function1(time,v)
{
	var p="price"+time;
	var d="demo"+time;
	var y = document.getElementById(p).value;
	var z = v;
	var ans=y*z;
	document.getElementById(d).value = ans;
	_mytotal=0;
	_Function2();
}
function _Function2()
{
	var demos = document.querySelectorAll('*[id^="demo"]');
	demos.forEach(_FunctionTotal);
}
function _FunctionTotal(item) 
{
    _mytotal = +_mytotal + +document.getElementById(item.id).value;
    document.getElementById("total").textContent = _mytotal;
}

＆＃13;

<table>
	<tr>		
		<th>Price</th>
		<th>Quantity</th>
		<th>Total</th>
	</tr>
	<tr>
		<td><input id="price0" type="text" readonly value="5"></td>
		<td><input id="qty" type="number" value="0" onChange="_Function1(0,this.value)" ></td>
		<td><input id="demo0" type="text" readonly value="0" ></td>
	</tr>
	<tr>
		<td><input id="price1" type="text" readonly value="5"></td>
		<td><input id="qty" type="number" value="0" onChange="_Function1(1,this.value)" ></td>
		<td><input id="demo1" type="text" readonly value="0" ></td>
	</tr>
	<tr>
		<td><input id="price2" type="text" readonly value="5"></td>
		<td><input id="qty" type="number" value="0" onChange="_Function1(2,this.value)" ></td>
		<td><input id="demo2" type="text" readonly value="0" ></td>
	</tr>
	<tr>
		<td><input id="price3" type="text" readonly value="5"></td>
		<td><input id="qty" type="number" value="0" onChange="_Function1(3,this.value)" ></td>
		<td><input id="demo3" type="text" readonly value="0" ></td>
	</tr>
	<tr>
		<td><input id="price4" type="text" readonly value="5"></td>
		<td><input id="qty" type="number" value="0" onChange="_Function1(4,this.value)" ></td>
		<td><input id="demo4" type="text" readonly value="0" ></td>
	</tr>
	<tr>
		<td><h4>Grand Total</h4></td>
		<td>&nbsp;</td>
		<td><h4><span id = "total"></span></h4></td>
	</tr>
</table>

＆＃13;

＆＃13;

＆＃13;