javascript - Javascript在变量中传递elementid

Question

我需要将一个变量传递给一个 javascript 函数，然后该函数将执行计算并将答案返回到表单上的另一个编辑框。我需要通过，因为我有 10 行编辑框并且不想有 10 个单独的 javascript 函数。

function calc_totalcost(line)
{   
        $line_qty=line+"_qty";
    $line_totcost=line+"_totcost";
    $line_unitcost=line+"_unitcost";

    $totcost=$line_qty.value*$line_unitcost.value;
    document.getElementById('$line_totcost').value = $totcost;
}

在html上：

onchange="calc_totalcost('L1')"

因此，在 L1_edit1 的编辑框 1 上，我需要将 L1 发送到该函数，然后该函数将转换为“L1_qty”，这是一个编辑框（输入）名称，它将使用其内容执行计算。希望这有意义吗？谢谢

Answer 1

您有一些问题，包括函数中的最后一行不需要 document.getElementById 而所有其他人都需要它。

function calc_totalcost(line) {   
    var $line_qty     = document.getElementById(line+"_qty");
    var $line_totcost = document.getElementById(line+"_totcost");
    var $line_unitcost= document.getElementById(line+"_unitcost");

    var $totcost=$line_qty.value*$line_unitcost.value;
    $line_totcost.value = $totcost;
}