Jquery의 foreach 루프를 사용하여 여러 입력 상자에서 데이터 추출

Question

<p>프로젝트 주문을 작성 중입니다. 저는 Foreach 루프를 사용하여 데이터베이스에서 제가 만든 테이블로 데이터를 가져오고 있습니다. 그런데 수량과 단가 데이터를 곱하면 표의 첫 번째 행에 있는 데이터에만 코드가 작동합니다. 들어오는 모든 루프 데이터에 대해 이 코드를 어떻게 수정할 수 있습니까? </p> <p>쇼핑카트.php: </p> <pre class="brush:php;toolbar:false;"><양식 작업=""방법="POST"> <table class="table table-sm mb-3 text-center align-middle"> <머리> <tr> <번째> 제품명 <번째> 수량 <번째>단가 <번째>총 가격 </tr> </머리> <본문> <?php foreach($ProductTbl as $productdata){ ?> <tr> <td><?= $productdata->제품 이름 ?></td> <td><입력 클래스="w-25 텍스트 중심 수량" 유형="텍스트" 이름="수량[]" 값="0">/td> <td><input class="w-25 text-center unitprice" type="text" name="unitprice[]" value="

P粉278379495484일 전533

Answer 1

입력에 class，而不是id。这意味着您无法轻松地区分它们。但是，通过一些巧妙的 JQuery 代码，您可以识别数量发生更改的表行，然后获取 quantity 和 unitprice를 지정하고 totalprice 를 설정했습니다.

으아악

여기서 수량 입력 $(this)，并获取父级两次：首先是 ，然后是 。我们将其存储在tableRow$(this)을 얻고 상위 항목을 두 번 얻습니다. 먼저 를 얻은 다음 < /tr>< /코드>. tableRow에 저장합니다. 이제 테이블 행을 알고 있으므로

find()

를 사용하여 입력에 액세스할 수 있습니다. 샘플 코드는 다음을 참조하세요:

https://codepen.io/kikosoft/pen/oNMjqLd🎜🎜