给出文本框一和二自动计算文本框三的值

最新推荐文章于 2019-07-08 07:59:54 发布

原创最新推荐文章于 2019-07-08 07:59:54 发布 · 2.8k 阅读

5 ·

CC 4.0 BY-SA版权

JavaScript/Jquery 专栏收录该内容

58 篇文章

订阅专栏

本文介绍了一个简单的网页示例，通过两个输入框实时计算总重量，并显示在第三个只读输入框中。当用户在产品重量或跑者重量输入框中输入数值时，会触发一个函数，该函数将两个数值相加并更新总重量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type="text" id="productWeight" name="productWeight" class="form-control col-md-7 col-xs-12"
onkeyup="delayToCount()" />
<input type="text" id="runnerWeight" name="runnerWeight" class="form-control col-md-7 col-xs-12"
onkeyup="delayToCount()" />
<input type="text" id="productWeightIncludeRunner" name="productWeightIncludeRunner"
class="form-control col-md-7 col-xs-12" readonly="readonly">

function delayToCount() {
    var productWeight = document.getElementById('productWeight').value;
    var runnerWeight = document.getElementById('runnerWeight').value;
    if (productWeight == "") {
        productWeight = 0;
    }
    if (runnerWeight == "") {
        runnerWeight = 0;
    }
    var sum = parseInt(productWeight) + parseInt(runnerWeight);
    document.getElementById('productWeightIncludeRunner').value = sum;
}