首页 > 解决方案 > 使用循环在 JavaScript 中将行与列相乘

问题描述

我想在 HTML 表中将行与列相乘,每个 td 包含输入类型元素,每个都是动态的,这意味着它们可以在运行时创建更多,但乘法过程将保持不变。 点击这里查看图片

下面是我的代码

var inputs = $(".volo");
var id = 0;

for (var i = 0; i < inputs.length; i++) {
  for (var j = 0; j < r.length; j++) {
    if (i < r.length) {
      alert(parseFloat($(inputs[i]).val()) + "*" + r[j]);
      j = 0;
    } else {
      j = j + 1;
      alert(parseFloat($(inputs[i]).val()) + "*" + r[j]);
    }
    break;
  }
}

当行数和列数为 2 时,上面的代码工作正常。输入包含来自一种类型的 tds 的值并且 r 数组包含来自不同 tds 的值。输入数组的长度将始终大于 r 数组。

标签: javascriptloopsfor-looprows

解决方案


第一个循环应该循环列,而第二个循环应该是行循环,假设您需要读取输入,您可以使用 jquery 执行此操作,让 x 为行,而 y 为列

 $(`#volX${x}Y${y}` ).val()

您的 Add Chemical Vol 按钮必须能够创建 id="volX num Y num " 输入的特定映射。

玩弄它可能会帮助您解决问题


推荐阅读