JavaScript - 如何在所有 html 行中運行 javascript

Question

我正在創建發票表單，我編寫了一個 Java 腳本來計算稅收和折扣價格作為用戶的價值，但它只是在一行中工作，我如何使其能夠在所有行上工作

用於計算折扣和稅收的 Javascript

html格式

Answer 1

更好的選擇是在 PHP 本身中進行此計算，但如果您想在 Javascript 中進行此計算，則可以執行以下操作：

嘗試創建一個 JS 函數，它接受所有值和輸出輸入字段的 id，並確保輸出字段的 id 是不同的。

JS代碼

function calculate(unit_price, quantity, discount, tax, output_id) {
    var subtotal = "do subtotal calc here";
    document.getElementById(output_id).value = subtotal;
}

PHP/HTML 代碼

<?php
    // mySQL Code goes here
    while($row = mysql_fetch_array($result, MYSAL_ASSOC))
?>
<div class="centered">
    <table border="1">
    <tr>
        <form id = "invoiceform" action="final.php" method="post">
        <td><input type="text" id="Sl_no" value="<?php echo $s; ?>"></td> <!-- DO NOT INCREASE $S HERE YET-->
        <td><input type="text" id="partno" value="<?php echo $p[$j]; ?>"></td>
        <td><input type="text" id="description" value="<?php $row['Description']; ?>"></td>
        <td><input type="text" id="unit_price" value="<?php echo $row['Unit_Price']; ?>"></td>
        <td><input type="text" id="quantity" value=""></td>
        <td><input type="text" id="discount" value=""></td>
        <td><input type="text" id="tax" value=""></td>
        <td><input type="text" id="<?php echo 'subtotal_'.$s;?>" value=""></td>
        <script>
        calculate(<?php echo $row['Unit_Price']; ?>, <?php echo $row['Quantity']; ?>, <?php echo $row['Discount']; ?>, <?php echo $row['Tax']; ?>, <?php echo 'subtotal_'.$s; s++;?>);
        </script>
    </tr>
    </table>
</div>

PS嘗試使所有字段 id 不同，就像我使小計 id 不同的方式，因為 HTML 頁面應該在元素上具有不同的 ID