javascript - 変数に要素 ID を渡す Javascript

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;
}