2017-01-30 91 views
1

我想通過jquery添加2個文本框值這裏是我的代碼它正在工作,但只是第一行我想要它也爲第二或第三行這裏是屏幕截圖,你可以看到我真正想要的東西。通過每個TR感謝 enter image description here如何在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> 

回答

0

只是循環,讓你的總價值,並將其添加和使用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。

0

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

相關問題