个人中心
gpt4 book ai didi

javascript - 计算表单输入 onChange

转载 作者：行者123 更新时间：2023-11-28 19:56:54 25 4
gpt4 key购买 nike

我有一个动态表单，它是根据用户添加到购物车的内容生成的。

例如，表单看起来像这样，

    <!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test Form</title>
</head>
<body>
    <form action="" name="cart" id="cart">
    <input type="text" name="sku1">
    <input type="text" name="sku2">
    <input type="text" name="sku3">
    <input type="text" name="sku4">
    <input type="text" name="sku5">

    <div class="sum" id="sum"> Total: {SUM SHOULD SHOW UP HERE)</div>
    <button name="submit">Send</button>
    </form>
</body>
</html>

但这些输入字段是自动生成的，可能多于或少于 5 个字段。

如何在不刷新页面的情况下计算这些输入 SUM 值并输出到 SUM div？

JavaScript/jQuery？

最佳答案 

$('button[name="submit"]').click(function () {
    var sum = 0;
    $('#cart input[name^="sku"]').each(function () {
        var val = isNaN(+this.value) ? 0 : +this.value; 
        sum += val;
    });
    $('#sum').text(sum);
});

<小时/>或者 

var inp = $('#cart input[name^="sku"]');
inp.change(function () {
    var sum = 0;
    inp.each(function () {
        var val = isNaN(+this.value) ? 0 : +this.value; 
        sum += val;
    });
    $('#sum').text(sum);
});

Attribute Starts With Selector [name^="value"]

.change()

isNaN()

关于javascript - 计算表单输入 onChange，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22383818/

25 4 0
文章推荐： javascript - 使用 doT.js 的外部模板？
文章推荐： Python:回显到文件(如 Bash)
文章推荐： testing - 选择器应该用一个函数初始化
文章推荐： python - 编码期间出现 UnicodeDecodeError？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com