ต้องการ Sum ค่าจาก Textbox กับอีกหลาย ๆ คำถามครับ จนปัญญา
ตอบข้อ 4 นะครับ
<input type="button" name="printbutton" value="PRINT" class="submitbutton" onClick="javascript:this.style.display='none';window.print()">
ให้เพิ่มอันนี้ไปใน <head>
<style>
@media print{
.no_print{ display: none; }
}
</style>
แล้วแก้จาก
<input type="button" name="printbutton" value="PRINT" class="submitbutton" onClick="javascript:this.style.display='none';window.print()">
เป็น
<input type="button" name="printbutton" value="PRINT" class="submitbutton no_print" onClick="window.print()">
ประวัติการแก้ไข 2014-04-19 17:24:36
Date :
2014-04-19 17:09:02
By :
itpcc
ลุงหมีตกกระใจ ไปกิ๋นมาม่าแป๊ปเดียวได้รับการช่วยเหลือแล้ว ไวขนาดนัก
หลังจากที่ได้แก้ไขตามท่านผู้เชี่ยวชาญแล้ว ตอนนี้ 2 3 4 ผ่านหมดแล้วครับ เป็นไปตามที่ต้องการ
ยังเหลืออีก 1 ข้อคือ
1. หลังจากที่กรอก Quantity ก็จะได้ค่า Amount ออกมา ต้องการ Sum Amount ทั้งหมดเป็น Total ครับ
และคำถามใหม่เพิ่มเติมครับ ขอเป็นคำถามที่ 5... ดังนี้ครับ
5. จำนวนตัวเลขในคอหลั่ม Amount อยากให้มีคอมม่าเฉกเช่นเดียวกับ Unit Price ด้วย พยายามเอาโค้ดที่ได้แนะนำมาประยุกต์ ยังไม่สำเสร็จผลครับ ขอรบกวนอีกครั้ง
Date :
2014-04-19 18:09:15
By :
ลุงหมีชาวเขา
1. หลังจากที่กรอก Quantity ก็จะได้ค่า Amount ออกมา ต้องการ Sum Amount ทั้งหมดเป็น Total ครับ
Code (PHP)
var sumtotal = 0;
$(".linetotal").each(function(){
sumTotal += $(this).val();
});
$('input[name="total"]').val(sumtotal)
ใส่ไว้ใน $("input.qty").keyup ต่อหลัง $(this).parent().next().find("input.linetotal").val( parseFloat(price) * parseFloat(qty) );
5. จำนวนตัวเลขในคอหลั่ม Amount อยากให้มีคอมม่าเฉกเช่นเดียวกับ Unit Price ด้วย พยายามเอาโค้ดที่ได้แนะนำมาประยุกต์ ยังไม่สำเสร็จผลครับ ขอรบกวนอีกครั้ง
Code (PHP)
function numformat(i)
{
if(i > 1000){
var n = i.toString().length - 3;
var x = i.toString().substr(0,n);
var a = i.toString().substr(n,i.toString().length);
return ( x.length >3 ? numformat(x)+','+ a : x + ',' + a);
}else{
return i;
}
}
alert(numformat(1000000000000));
Date :
2014-04-20 01:03:47
By :
randOmizE
Code (PHP)
$("input.qty").keyup(function(){
qty = $(this).val();
price = $(this).parent().prev().text();
$(this).parent().next().find("input.linetotal").val( parseFloat(price) * parseFloat(qty) );
var sumtotal = 0;
$(".linetotal").each(function(){
sumTotal += $(this).val();
});
$('input[name="total"]').val(sumtotal)
});
Date :
2014-05-02 15:41:04
By :
randOmizE
Code (PHP)
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<table id="myTbl" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25" align="center" width="25%">สินค้า</td>
<td height="25" align="center" width="25%">จำนวน</td>
<td height="25" align="center" width="25%">ราคา</td>
<td height="25" align="center" width="25%">ยอดรวม</td>
</tr>
<tr class="firstTr">
<td>
<input type="text" value="แมว">
</td>
<td>
<input type="text" class="in-qty" value="1">
</td>
<td>
<input type="text" class="in-price" value="12">
</td>
<td align="right">
<input class="in-amount" type="text">
</td>
</tr>
<tr class="firstTr">
<td>
<input type="text" value="หมา">
</td>
<td>
<input type="text" class="in-qty" value="1">
</td>
<td>
<input type="text" class="in-price" value="15">
</td>
<td align="right">
<input class="in-amount" type="text">
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" width="75%">
<div align="right">จำนวนเงิน </div>
</td>
<td align="right">
<input class="in-amount-total" type="text">
</td>
</tr>
<tr>
<td colspan="4">
<button id="addRow" type="button">เพิ่ม +</button>
<button id="removeRow" type="button">ลบ -</button>
</td>
</tr>
</table>
<script type="text/javascript">
function calu2() {
var indexObj = $(".in-qty").index(this);
var qty = $(".in-qty").eq(indexObj).val();
var price = $(".in-price").eq(indexObj).val();
var amount = qty * price;
$(".in-amount").eq(indexObj).val(amount.toFixed(2));
var totalAmount = 0;
$(".in-amount").each(function (i, k) {
var qty = $(".in-qty").eq(i).val();
var price = $(".in-price").eq(i).val();
var amount = qty * price;
$(".in-amount").eq(i).val(amount.toFixed(2));
totalAmount += amount;
});
$(".in-amount-total").val(totalAmount.toFixed(2));
}
$(function () {
$("input[type=text]").keyup(function (e) {
calu2();
});
$("#addRow").click(function () {
// ส่วนของการ clone ข้อมูลด้วย jquery clone() ค่า true คือ
// การกำหนดให้ ไม่ต้องมีการ ดึงข้อมูลจากค่าเดิมมาใช้งาน
// รีเซ้ตเป็นค่าว่าง ถ้ามีข้อมูลอยู่แล้ว ทั้ง select หรือ input
$(".firstTr:eq(0)").clone(true)
.find("input").attr("value", "").end()
//.find("select").attr("value","0").end()
.appendTo($("#myTbl"));
calu2();
});
$("#removeRow").click(function () {
// // ส่วนสำหรับการลบ
if ($("#myTbl tr").size() > 2) { // จะลบรายการได้ อย่างน้อย ต้องมี 1 รายการ
$("#myTbl tr:last").remove(); // ลบรายการสุดท้าย
} else {
// เหลือ 1 รายการลบไม่ได้
alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");
}
calu2();
});
// // ส่วนนี้ เป็นการแสดง รวม ค่าในช่อง in-amount
var totalAmount = 0;
$(".in-amount").each(function (i, k) {
var qty = $(".in-qty").eq(i).val();
var price = $(".in-price").eq(i).val();
var amount = qty * price;
$(".in-amount").eq(i).val(amount.toFixed(2));
totalAmount += amount;
});
$(".in-amount-total").val(totalAmount.toFixed(2));
});
</script>
</body>
</html>
ลองทดสอบดูครับ http://jsbin.com/gejut/3/
Date :
2014-05-02 19:33:53
By :
deawx
Load balance : Server 03