如何实现文本框动态乘法运算?现有加法代码需修改
把动态加法改成乘法运算的解决方案
嘿,这事儿超简单!你只需要调整JavaScript里的两个关键细节,就能把加法运算改成乘法:
- 修改初始值:加法的初始值是0没问题,但乘法得用1——因为任何数乘以1都等于它本身,要是初始值设成0,结果永远都会是0。
- 替换运算符号:把累加的
+=换成累乘的*=就行。
修改后的JavaScript代码
function onkeyupsum() { // 计算乘积并显示在文本框中 let product = 1; const amounts = document.querySelectorAll('.amount'); for (let i = 0; i < amounts.length; i++) { // 把空值或非数字转为0,要是想让空值不影响乘积(当成1计算),就把|| 0改成|| 1 const value = parseFloat(amounts[i].value || 0); product *= value; } document.submitform.tamt.value = product; }
小提示
如果希望某个输入框为空时,不会让整个乘积变成0(也就是把空值默认当成1来计算),只需要把代码里的parseFloat(amounts[i].value || 0)改成parseFloat(amounts[i].value || 1)就可以啦。你的HTML代码完全不用改动,直接用原来的就行~
内容的提问来源于stack exchange,提问作者NoobProgrammer
相关产品推荐
相关产品推荐

