如何在jquery中添加2个动态文本框值？

Question

我想通过jquery添加2个文本框值这里是我的代码它正在工作但只是第一行我想要它也为第二或第三行这里是屏幕截图你可以看到我真正想要的。谢谢

<?php
  $query3 = mysqli_query($con,"select * from orders") or die("sdfsfs");
    while($row3=mysqli_fetch_array($query3))
    {
        $item_description = $row3['item_description'];
        $quantity = $row3['quantity'];
        $unit_price = $row3['unit_price'];
?>
<tbody>
    <tr>
        <td><label class="form-control" style="box-shadow:none;border:0px solid black;"><?php echo $row3['id']; ?></label></td>
        <td width="400"><textarea name="desc" class="form-control" style="box-shadow:none;border:0px solid black;"><?php echo $item_description; ?></textarea></td>
        <td><input id="quant" class="form-control common" name="quant" style="box-shadow:none;border:0px solid black;" type="text" value="<?php echo $quantity; ?>"/></td>
        <td><input id="unit_price" class="form-control common" name="unit_price" style="box-shadow:none;border:0px solid black;" type="text" value="<?php echo $unit_price; ?>"/></td>
        <td><input id="total" readonly class="form-control" name="total" style="box-shadow:none;border:0px solid black;" type="text" value=""/></td>
        <td><span class="table-remove glyphicon glyphicon-remove"></span></td>
    </tr>
<?php } ?>


<script>
        $('#total').val(parseFloat("0"+$('#quant').val()) * parseFloat("0"+$('#unit_price').val()));
        $('.common').change(function () {
        $('#total').val(parseFloat("0"+$('#quant').val()) * parseFloat("0"+$('#unit_price').val()));
        });
</script>

Answer 1

只需遍历每个tr并获取总值并添加它们并使用element.html（）方法显示。在你的主jquery方法中使用类似下面的内容。

.............
...........
var total=0
    $('#yourTableID tr').each(function() {
        var sub_t = $(this).find(".yourTotalTDClassName").html();    
    //parse subt_t into integer and then add
    total=total+sub_t;
     });
    $("#resultElement").val(total); // or .html() based on your element

我正在使用手机，所以请考虑拼写错误和语法错误。为此，您需要为包含总金额的每个标签定义一个类，并使用该类名来获取所有td值以获得总金额。首先尝试自己，如果你仍然遇到问题，那么我可以发布完整的代码，包括HTML。

Answer 2

表格中的每一行都填充了相同的ID。您需要拥有唯一的ID。