Extrahieren Sie Daten aus mehreren Eingabefeldern mithilfe der foreach-Schleife von Jquery-Fragen und Antworten zum chinesischen PHP-Netzwerk
Extrahieren Sie Daten aus mehreren Eingabefeldern mithilfe der foreach-Schleife von Jquery
P粉278379495
P粉278379495 2023-08-31 19:09:32
0
1
438

Ich erstelle einen Auftrag für ein Projekt. Ich verwende eine Foreach-Schleife, um Daten aus der Datenbank in eine von mir erstellte Tabelle zu ziehen. Wenn ich jedoch die Mengen- und Stückpreisdaten multipliziere, funktioniert der Code nur für die Daten in der ersten Zeile der Tabelle. Wie kann ich diesen Code für alle eingehenden Schleifendaten ändern?

Warenkorb.php:

Produktname Menge Stückpreis Gesamtpreis productname ?> "input class="w-25 text-center totalprice" name="disabled"> ;/td>

Javascript-Code:

$(document).ready(function() { $('.quantity').keyup(function() { var Menge = $('.quantity').val(); var Einheitspreis = $('.Einheitspreis').val(); var totalprice = $('.totalprice').val(); var Ergebnis = Menge * Stückpreis; $('.totalprice').val(result); }); }); });

Drucken: Bild

Wie kann ich den Code so bearbeiten, dass er in allen Zeilen ausgeführt wird?

P粉278379495
P粉278379495

Antworte allen (1)
P粉707235568

您为输入指定了class,而不是id。这意味着您无法轻松地区分它们。但是,通过一些巧妙的 JQuery 代码,您可以识别数量发生更改的表行,然后获取quantityunitprice并设置totalprice 代码>:

$(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); }) });

因此,我们在这里获取数量输入$(this),并获取父级两次:首先是,然后是。我们将其存储在tableRow中。鉴于我们现在知道表行,我们可以使用find()访问输入.

示例代码请参见:https://codepen.io/kikosoft/pen/oNMjqLd一个>

    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!