Javascript 计算多个 HTML 输入值的总和

标签 javascript html

我正在寻找一些 Javascript 代码来计算多个 HTML 输入值的总和。输入的关闭量是动态的,所以我正在寻找类似“对于每个”输入的东西。

数字的格式是 1 000,00(空格作为千​​位分隔符, , 作为小数点分隔符)。

我的输入在数组中,所以 ID 和名称是这样的:

input_sum1[0]
input_sum1[1]
input_sum1[2]

input_sum2[0]
input_sum2[1]
input_sum2[2]

有什么建议吗?

提前致谢!

最佳答案

一个 jQuery 示例。为您的文本框提供了一个类名。

Working Demo

   <script>
        $(document).ready ( function () {
            $("#btn1").click ( function () {
              var resultVal = 0.0;
               $(".test").each ( function() {
                   resultVal += parseFloat ( $(this).val().replace(/\s/g,'').replace(',','.'));
                });
                alert ( resultVal );  
            });
        });
    </script>

    <input type="text" value="10" class="test" />
        <input type="text" value="20" class="test" />
        <input type="text" value="30.50" class="test" />
        <input type="text" value="1" class="test" />
        <input type="text" value="1" class="test" />
        <br />
        <button id="btn1">click</button>

关于Javascript 计算多个 HTML 输入值的总和,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1427012/

相关文章:

javascript - JS - 打开子导航,同时关闭以前打开的子导航

javascript - 使用 JSON 从 PHP 查询获取数据不起作用

javascript - 对象通过键获取值

javascript - 如何检查jquery元素的内容

javascript - 是否可以在没有外部输入的情况下使功能具有 self 意识

javascript - 从选择元素创建点击功能

javascript - 如何缩放JQuery中变量的数量?

javascript - 仅在一个元素上使用 CSS 溢出

html - "width: calc(100%/3);"工作不正常

css - 如何使用已经使用另一种样式的 CSS 更改 DIV 框中的文本字体样式