Jquery의 foreach 루프를 사용하여 여러 입력 상자에서 데이터 추출
P粉278379495
P粉278379495 2023-08-31 19:09:32
0
1
527
<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粉278379495
P粉278379495

모든 응답(1)
P粉707235568

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

으아악

여기서 수량 입력 $(this),并获取父级两次:首先是 ,然后是 。我们将其存储在tableRow$(this)을 얻고 상위 항목을 두 번 얻습니다. 먼저

를 얻은 다음 . tableRow에 저장합니다. 이제 테이블 행을 알고 있으므로 find()

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

https://codepen.io/kikosoft/pen/oNMjqLd🎜🎜
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿