jQuery* 从其他表中单独计算多个值

标签 jquery html css

表中的一行将截取任何图表中写入的数字,并发布所有 ID 名称为“qty1”的数字的总数。现在解决方案当前位于:https://accountingbgs.000webhostapp.com/所以如果你想要一个实时版本 -> 去那里。

但我需要帮助的是,当我创建一个新表并想在标有“qty1”的列中添加数字时,它只会为该表添加数字。

function addup(x){
  var sum = 0;
  $('.qty1').each(function(){
    sum += +$(this).val();
  });
  $(x).val(sum);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <td>
    <span class="td">
      <input onclick="addup(this)" class="qty1" type="number" id="amount1" name="amount1" style="text-align:center;"/>
    </span>
  </td>
</table>

最佳答案

function addup(x){
            var sum = 0;
            $('.qty1').each(function(){

                sum += Number($(this).val());
                
            });
           
            $(x).val(sum);
        }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table>
<tr>
<td><span class="td"><input onclick="addup(this)" class="qty1" type="number" id="amount1" name="amount1" style="text-align:center;"/></span></td>
<tr>
<tr>
<td><span class="td"><input onclick="addup(this)" class="qty1" type="number" id="amount2" name="amount1" style="text-align:center;"/></span></td>
<tr>
<tr>
<td><span class="td"><input onclick="addup(this)" class="qty1" type="number" id="amount3" name="amount1" style="text-align:center;"/></span></td>
<tr>
</table>

关于jQuery* 从其他表中单独计算多个值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52772029/

相关文章:

javascript - JQuery 用 find() 反转 each()

javascript - 如何处理捆绑在一起时仅在某些页面上运行的 JavaScript

html - 如何适应超出页脚的内容,即使用 CSS 和 Div 标签溢出?

javascript - 使用javascript和jquery从外部文件div填充div

html - 将 HTML 表格拆分为多个 div

javascript - 如何修复 Django 中的 "object() takes no parameters"错误

javascript - jquery html 获取可见元素数据-foo

javascript - 如果在更新下拉菜单时网络服务不可用怎么办?

html - 有没有办法限制导航子菜单 flexbox 中每行的元素数量?

css - 是否有 CSS 父级选择器?