[英]Multiply two textbox inside loop and display result on third textbox
此代碼將產生10行textbox1,textbox2和textbox3。 如果我在loop1中的文本框的第一行中輸入值。 例如1和3,它將相乘,結果為3。 但隨后它將在所有循環中顯示結果。 我如何只能在loop1中制作它?
例
QTY PRICE AMOUNT
line1 1 2 3
line2 3
line3 3
line4 3
line5 3
line6 3
line7 3
line8 3
line9 3
line10 3
PHP HTML代碼
<?php for($x=1; $x<=10; $x++){?>
<tr>
<td><input type="text" name="qty<?=$x;?>" class="qty form-control" size="6"/></td>
<td><input type="text" name="price<?=$x;?>" class="price form-control" /></td>
<td><input type="text" name="amount<?=$x;?>" class="amount form-control"></td>
</tr>
<?php } ?>
JS代碼
<script>
$(".price,.qty").keyup(function () {
$('.amount').val($('.qty').val() * $('.price').val());
});
</script>
如果您為每個事件分別編寫代碼,這將非常容易,
<script>
$(document).ready(function(){
$(".qty").keyup(function () {
$(this).closest('tr').find('.amount').val($(this).val() * $(this).closest('tr').find('.price').val());
});
$(".price").keyup(function () {
$(this).closest('tr').find('.amount').val($(this).closest('tr').find('.qty').val() * $(this).val());
});
});
</script>
<script>
$(".price,.qty").keyup(function () {
var curName = $(this).attr('name');
var reqName = '';
if (curName.indexOf("qty") != -1) {
reqName = curName.substr(3);
} else {
reqName = curName.substr(5);
}
$("input[name='amount"+reqName+"']").val($("input[name='qty"+reqName+"']").val() * $("input[name='price"+reqName+"']").val());
});
</script>
我解決了..我只是更改它而不是使用Class我使用ID,然后將變量x放在id內,然后將變量x放在我的JS上
<?php for($x=1; $x<=10; $x++){?>
<tr>
<td><input type="text" name="qty<?=$x;?>" id="qty<?=$x;?>" class="form-control" size="6"/></td>
<td><input type="text" name="price<?=$x;?>" id="price<?=$x;?>" class="orm-control" /></td>
<td><input type="text" name="amount<?=$x;?>" id="amount<?=$x;?>" class="form-control"></td>
</tr>
<?php } ?>
$("#price<?=$x;?>,#qty<?=$x;?>").keyup(function () {
$('#amount<?=$x;?>').val($('#qty<?=$x;?>').val() * $('#price<?=$x;?>').val());
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.