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 - 如何仅使用 HTML、JS 和 CSS 创建自定义文件上传

javascript - span inside 按钮,在 Firefox 中不可点击

javascript - 想要一个正则表达式来解析带有 ↵ 字符的电子邮件回复

javascript - 动画和 Wow JS

javascript - 有或没有美元符号 react

javascript - 在 Netlify 函数中设置环境变量的正确方法是什么?

javascript - Rails 根据集合选择的值呈现部分

javascript - 从选择列表中删除项目 (Internet Explorer 10)

html - 无法删除浏览器选项卡上的网站图标

javascript - 如何在 JavaScript 中创建一个类?