You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何实现文本框动态乘法运算?现有加法代码需修改

把动态加法改成乘法运算的解决方案

嘿,这事儿超简单!你只需要调整JavaScript里的两个关键细节,就能把加法运算改成乘法:

  1. 修改初始值:加法的初始值是0没问题,但乘法得用1——因为任何数乘以1都等于它本身,要是初始值设成0,结果永远都会是0。
  2. 替换运算符号:把累加的+=换成累乘的*=就行。

修改后的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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.27 07:12:17