只有第一行适用于金额函数

Question

$(函数() { $("#num1, #num2, #num3",).on("keydown keyup", sum); 函数求和() { $("#sum").val(Number($("#num1").val()) * Number($("#num2").val()) ); $("#sum1").val(数字($("#sum").val()) - (数字($("#sum").val()) * (数字($("#num3") ).val()) / 100 ))); } });

Answer 1

使用类（而不是唯一 ID），并使用对父行的引用，例如

$row.find(".num1")

或

$(".num1", $row)

:

jQuery($ => { // DOM ready and $ alias in scope

  function sum() {
    const $row = $(this).closest("tr");
    
    const $num1 = $row.find(".num1");
    const $num2 = $row.find(".num2");
    const $num3 = $row.find(".num3");
    
    const $sum = $row.find(".sum");
    const $sum1 = $row.find(".sum1");
    
    $sum.val(Number($num1.val()) * Number($num2.val()));
    $sum1.val(Number($sum.val()) - (Number($sum.val()) * Number($num3.val()) / 100));
  }

  $(".myTable").on("input", ".num1, .num2, .num3", sum);

});

并使用

"input"

事件代替

"key*"