提问人:surviver lartey 提问时间:8/10/2023 最后编辑:Roko C. Buljansurviver lartey 更新时间:8/11/2023 访问量:36
只有第一行适用于金额函数 [closed]
Only first row works for amount function [closed]
问:
我的函数仅适用于第一行的输入。如何让它独立地为表格中的每一行工作?sun
<script>
$(function() {
$("#num1, #num2, #num3",).on("keydown keyup", sum);
function sum() {
$("#sum").val(Number($("#num1").val()) * Number($("#num2").val()) );
$("#sum1").val(Number($("#sum").val()) - (Number($("#sum").val()) * (Number($("#num3").val()) / 100 )));
}
});
</script>
答:
0赞
Roko C. Buljan
8/10/2023
#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*"
评论
0赞
surviver lartey
8/11/2023
非常感谢,它有效。我真的很感激。
评论