Javascript:使用不同类型的输入自动计算总和
我有一个ajax代码,它的概念来自。所以我想添加更多字段以满足我的需要。然后我添加了一些带有给定值的输入[checkbox]。这个想法是当复选框被选中时。它的值将被计算到进程中,就像输入[text]中的类型一样 代码如下:Javascript:使用不同类型的输入自动计算总和,javascript,sum,Javascript,Sum,我有一个ajax代码,它的概念来自。所以我想添加更多字段以满足我的需要。然后我添加了一些带有给定值的输入[checkbox]。这个想法是当复选框被选中时。它的值将被计算到进程中,就像输入[text]中的类型一样 代码如下: <script language="javascript"> function AddInputs() { var total = 0; var coll = document.getElementsByTagName("input") f
<script language="javascript">
function AddInputs()
{
var total = 0;
var coll = document.getElementsByTagName("input")
for ( var i = 0; i<coll.length; i++)
{
var ele = coll[i];
total += parseInt(ele.value);
}
var Display = document.getElementById("Display");
Display.innerHTML = total;
}
</script>
函数AddInputs()
{
var合计=0;
var coll=document.getElementsByTagName(“输入”)
对于(var i=0;i这是因为当您释放键盘上的键时会触发onkeyup
事件,而当您单击复选框时不会发生这种情况。您应该使用onchange
(但这在较旧的IE中不起作用)或onclick
还请注意,100
的值将始终添加到total
中。如果只想在选中复选框的情况下对其进行计数,请使用
if (ele.type !== 'checkbox' || ele.checked) {
total += parseInt(ele.value);
}
您的方法不起作用:code函数AddInputs(){var total=0;var coll=document.getElementsByTagName(“输入”)for(var i=0;i
if (ele.type !== 'checkbox' || ele.checked) {
total += parseInt(ele.value);
}