Javascript:使用不同类型的输入自动计算总和

Javascript:使用不同类型的输入自动计算总和,javascript,sum,Javascript,Sum,我有一个ajax代码,它的概念来自。所以我想添加更多字段以满足我的需要。然后我添加了一些带有给定值的输入[checkbox]。这个想法是当复选框被选中时。它的值将被计算到进程中,就像输入[text]中的类型一样 代码如下: <script language="javascript"> function AddInputs() { var total = 0; var coll = document.getElementsByTagName("input") f

我有一个ajax代码,它的概念来自。所以我想添加更多字段以满足我的需要。然后我添加了一些带有给定值的输入[checkbox]。这个想法是当复选框被选中时。它的值将被计算到进程中,就像输入[text]中的类型一样

代码如下:

<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);
}