<p>Saya sedang membuat pesanan untuk projek. Saya menggunakan gelung Foreach untuk menarik data daripada pangkalan data ke dalam jadual yang saya buat. Walau bagaimanapun, apabila saya mendarabkan data kuantiti dan harga unit, kod tersebut hanya berfungsi untuk data dalam baris pertama jadual. Bagaimanakah saya boleh mengubah suai kod ini untuk semua data gelung masuk? </p> <p>Keranjang belanja.php: </p> <pre class="brush:php;toolbar:false;"><form action="" kaedah="POST"> <table class="jadual jadual-sm mb-3 teks-pusat jajar-tengah"> <kepala> <tr> <th>Nama Produk</th> <th>Kuantiti</th> <th>Harga Seunit</th> <th>Jumlah Harga</th> </tr> </kepala> <tbody> <?php foreach($ProductTbl sebagai $productdata){ ?> <tr> <td><?= $productdata->productname ?></td> <td><kelas input="w-25 kuantiti pusat teks"jenis="teks"nilai="0"></td> <td><kelas input="w-25 text-center unitprice"type="text"name="unitprice[]"nilai="<?= $productdata->unitprice ?> ;" disabled="disabled"></td> <td><input class="w-25 text-center totalprice"text"nama="totalprice="" ;/td> </tr> <?php } ?> </tbody> </table></pre> <p>Kod JavaScript: </p> <pre class="brush:php;toolbar:false;">$(document).ready(function() { $('. quantity').keyup(function() { var kuantiti = $('. quantity').val(); var unitprice = $('.unitprice').val(); var totalprice = $('.totalprice').val(); var result = kuantiti * unitprice; $('.totalprice').val(hasil); }); }); });</pre> <p>Cetak: Gambar</p> <p>Bagaimanakah saya boleh mengedit kod untuk dijalankan pada semua baris? </p>

$(document).ready(function() {
    $('.quantity').keyup(function() {
        let tableRow = $(this).parent().parent();
        let quantity = tableRow.find('.quantity').val();
        let unitprice = tableRow.find('.unitprice').val(); 
        let totalprice = quantity * unitprice;
        tableRow.find('.totalprice').val(totalprice);
    })
});