Jquery의 foreach 루프를 사용하여 여러 입력 상자에서 데이터 추출
P粉278379495
2023-08-31 19:09:32
<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="= $productdata->unitprice ?> ;" 비활성화 = " 비활성화 "></td>
<td><입력 클래스="w-25 text-center totalprice" type="text" name="totalprice[]" value=""disabled="> ;/td>
</tr>
<?php } ?>
</tbody>
</table></pre>
<p>자바스크립트 코드: </p>
<pre class="brush:php;toolbar:false;">$(document).ready(function() {
$('.Quantity').keyup(함수() {
var 수량 = $('.수량').val();
var 단가 = $('.단가').val();
var totalprice = $('.totalprice').val();
var 결과 = 수량 * 단가;
$('.totalprice').val(결과);
});
});
});</pre>
<p>인쇄:
사진</p>
<p>모든 줄에서 실행되도록 코드를 편집하려면 어떻게 해야 하나요? </p>
입력에
으아악class
,而不是id
。这意味着您无法轻松地区分它们。但是,通过一些巧妙的 JQuery 代码,您可以识别数量发生更改的表行,然后获取quantity
和unitprice
를 지정하고totalprice 代码>를 설정했습니다.
여기서 수량 입력
$(this)
,并获取父级两次:首先是
,然后是
。我们将其存储在tableRow
$(this)을 얻고 상위 항목을 두 번 얻습니다. 먼저를 사용하여 입력에 액세스할 수 있습니다. 一个>샘플 코드는 다음을 참조하세요:
https://codepen.io/kikosoft/pen/oNMjqLd🎜🎜