查找列的总和

Question

我有以下表格行：

<tr class="table-row">
  <td class="column-1">
    <div class="cart-img-product b-rad-4 o-f-hidden">
      <img src="../admin/uploads/<?php echo $info['product_photo']; ?>" alt="IMG-PRODUCT">
    </div>
  </td>
  <td class="column-2">
    <?php echo $info['product_name']; ?>
  </td>
  <td class="column-3"><input type="text" value="<?php echo $info['product_price']; ?>" readonly></td>
  <td class="column-4"><input type="text" value="<?php echo $info['product_amount']; ?> Piece" readonly></td>
  <td class="column-5"><input style="color:red;" type="text" value="Rs <?php echo $info['product_price']*$info['product_amount']; ?>" readonly></td>
</tr>

我想获取最后td的总和，即总价格。我考虑过使用js，但是由于该行可能会动态添加，所以很难。我如何获得总价。

我希望在此处显示总数。

<span class="m-text21 w-size20 w-full-sm">
   <strong><input type="text" id="total" value=""></strong>
</span>

Answer 1

您可以按照以下方式尝试使用chcp 65001和set PYTHONIOENCODING=utf-8：

querySelectorAll()

forEach()

Answer 2

尝试

let v = [...document.querySelectorAll('.column-5 input')];
total.value = v.reduce((a,c)=> +c.value.replace(/Rs /,'')+a, 0)

我们在这里使用以下标准：querySelectorAll，reduce，arrow functions，spread syntax（将NodeList转换为数组-可以访问reduce），replace使用简单的regular expression（删除Rs前缀）。 v的数组包含所有行的最后一列中的<input>个元素。通过+中的+c.val..，JS将隐式转换字符串转换为数字。

let v = [...document.querySelectorAll('.column-5 input')];
total.value = v.reduce((a,c)=> +c.value.replace(/Rs /,'')+a, 0)

<table><tbody>
<tr class="table-row">
  <td class="column-1">
    <div class="cart-img-product b-rad-4 o-f-hidden">
      <img src="../admin/uploads/xxx" alt="IMG-PRODUCT">
    </div>
  </td>
  <td class="column-2">
    <?php echo $info['product_name']; ?>
  </td>
  <td class="column-3"><input type="text" value="10000" readonly></td>
  <td class="column-4"><input type="text" value="2 Piece" readonly></td>
  <td class="column-5"><input style="color:red;" type="text" value="Rs 20000" readonly></td>
</tr>

<tr class="table-row">
  <td class="column-1">
    <div class="cart-img-product b-rad-4 o-f-hidden">
      <img src="../admin/uploads/xxx" alt="IMG-PRODUCT">
    </div>
  </td>
  <td class="column-2">
    <?php echo $info['product_name']; ?>
  </td>
  <td class="column-3"><input type="text" value="14000" readonly></td>
  <td class="column-4"><input type="text" value="1 Piece" readonly></td>
  <td class="column-5"><input style="color:red;" type="text" value="Rs 14000" readonly></td>
</tr>
<tbody><table>

<span class="m-text21 w-size20 w-full-sm">
   <strong><input type="text" id="total" value=""></strong>
</span>