通过javascript计算数字类型输入字段的总和

今天我有一个关于用js计算总和的问题

$（文档）.ready（函数（）{
//遍历每个文本框并添加keyup
//触发总和事件的处理程序
$（“.txt”）。每个（函数（）{
$（this）.keyup（function（）{
计算um（）；
});
});
});
函数calculateSum（）{
var总和=0；
//遍历每个文本框并添加值
$（“.txt”）。每个（函数（）{
//仅当值为number时添加
如果（！isNaN（this.value）&&this.value.length！=0）{
sum+=parseFloat（此.value）；
}
});
//.toFixed（）方法将最终总和舍入到小数点后2位
$（“#sum”）.html（sum.toFixed（2））；
}

Qty1:

Qty2:

Qty3:

Qty4:

Qty5:

Qty6:

Qty7:

Qty8:




总计：0

当使用箭头符号更改元素值时，将触发事件

尝试使用事件而不是键控

当

、

或

元素的值发生更改时，将触发输入事件

更改：

$(this).keyup(function(){

$(this).on('input',function(){

至：

$(this).keyup(function(){

$(this).on('input',function(){

$（文档）.ready（函数（）{
//遍历每个文本框并添加keyup
//触发总和事件的处理程序
$（“.txt”）。每个（函数（）{
$（this）.on（'input'，function（）{
计算um（）；
});
});
});
函数calculateSum（）{
var总和=0；
//遍历每个文本框并添加值
$（“.txt”）。每个（函数（）{
//仅当值为number时添加
如果（！isNaN（this.value）&&this.value.length！=0）{
sum+=parseFloat（此.value）；
}
});
//.toFixed（）方法将最终总和舍入到小数点后2位
$（“#sum”）.html（sum.toFixed（2））；
}

Qty1:

Qty2:

Qty3:

Qty4:

Qty5:

Qty6:

Qty7:

Qty8:




总计：0

当使用箭头符号更改元素值时，将触发事件

尝试使用事件而不是键控

当

、

或

元素的值发生更改时，将触发输入事件

更改：

$(this).keyup(function(){

$(this).on('input',function(){

至：

$(this).keyup(function(){

$(this).on('input',function(){

$（文档）.ready（函数（）{
//遍历每个文本框并添加keyup
//触发总和事件的处理程序
$（“.txt”）。每个（函数（）{
$（this）.on（'input'，function（）{
计算um（）；
});
});
});
函数calculateSum（）{
var总和=0；
//遍历每个文本框并添加值
$（“.txt”）。每个（函数（）{
//仅当值为number时添加
如果（！isNaN（this.value）&&this.value.length！=0）{
sum+=parseFloat（此.value）；
}
});
//.toFixed（）方法将最终总和舍入到小数点后2位
$（“#sum”）.html（sum.toFixed（2））；
}

Qty1:

Qty2:

Qty3:

Qty4:

Qty5:

Qty6:

Qty7:

Qty8:




总计：0

您还需要为

更改

事件添加事件处理程序

$（文档）.ready（函数（）{
//遍历每个文本框并添加keyup
//触发总和事件的处理程序
$（“.txt”）。每个（函数（）{
$（此）.on（'keyup change'，函数（）{
计算um（）；
});
});
});
函数calculateSum（）{
var总和=0；
//遍历每个文本框并添加值
$（“.txt”）。每个（函数（）{
//仅当值为number时添加
如果（！isNaN（this.value）&&this.value.length！=0）{
sum+=parseFloat（此.value）；
}
});
//.toFixed（）方法将最终总和舍入到小数点后2位
$（“#sum”）.html（sum.toFixed（2））；
}

Qty1:

Qty2:

Qty3:

Qty4:

Qty5:

Qty6:

Qty7:

Qty8:




总计：0

您还需要为

更改

事件添加事件处理程序

$（文档）.ready（函数（）{
//遍历每个文本框并添加keyup
//触发总和事件的处理程序
$（“.txt”）。每个（函数（）{
$（此）.on（'keyup change'，函数（）{
计算um（）；
});
});
});
函数calculateSum（）{
var总和=0；
//遍历每个文本框并添加值
$（“.txt”）。每个（函数（）{
//仅当值为number时添加
如果（！isNaN（this.value）&&this.value.length！=0）{
sum+=parseFloat（此.value）；
}
});
//.toFixed（）方法将最终总和舍入到小数点后2位
$（“#sum”）.html（sum.toFixed（2））；
}

Qty1:

Qty2:

Qty3:

Qty4:

Qty5:

Qty6:

Qty7:

Qty8:




总计：0

将事件从keyup更改为input:$（此）。在（'input'，function（）{--}）上，我遇到了一个新问题，即当输入字段已经具有

值

属性时，如何使求和计算工作？例如，我设置了所有输入字段属性

value=“5”

，然后当我运行程序时，数字40应该显示为总和。将事件从keyup更改为input:$（this）。在（'input'，function（）{-}）上，我遇到了一个新问题，当输入字段已经具有

value

属性时，如何使总和计算工作？例如，我设置了所有输入字段属性

value=“5”

，然后当我运行程序时，数字40应显示为总和。