<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript"> var cnt = 0; var tbl = null; function init() { tbl = document.getElementById('tbl'); } function addRow() { cnt++; var tr = tbl.insertRow(tbl.rows.length - 2); tr.id = 'tr_' + cnt; var td = tr.insertCell(0); var s = '<p align="left">'; s += ' ชื่อสินค้า : <input name="tautox[]" type="text" size="40" onkeyup="$.autocomplete($(this))" maxlength="200" id="tautox_' + cnt + '"> '; s += ' จำนวน : <input name="qty[]" type="text" size="5" maxlength="5" id="qty_' + cnt + '" onkeypress="return isNumber(event)" onKeyup=" sumValue(this.form)"> '; s += ' หน่วย: <input name="priceperunit[]" type="text" size="7" maxlength="10" id="priceperunit_' + cnt + '">'; s += ' ราคา :<input name="unit[] type="text" size="7" id="unit_' + cnt + '" onkeypress="return isNumber(event)" onKeyup=" sumValue(this.form)">'; s += ' รวม: <input name="price[]" type="text" size="7" maxlength="10" id="price_' + cnt + '" >'; s += ' <a href="#" onclick="return removeRow(' + cnt + ')">(เอาออก)</a>'; s += '</p>'; td.innerHTML = s; return false; } function removeRow(id) { var o = document.getElementById('tr_'+id); tbl.deleteRow(o.rowIndex); return false; } </script> <style> BODY { FONT-FAMILY: Arial, Helvetica, sans-serif } </style> <!-- เช็คว่าเป็นตัวเลขหรือไม่ --> <script type="text/javascript"> function isNumber(evt) { evt = (evt) ? evt : window.event; var charCode = (evt.which) ? evt.which : evt.keyCode; if (charCode > 31 && (charCode < 48 || charCode > 57)) { return false; } return true; } </script> <!-- คำนวณราคาสุทธิ --> <script language="JavaScript" type="text/javascript"> function sumValue(frm_bill){ qty = frm_bill.elements["qty[]"].value*1; priceperunit = frm_bill.elements["priceperunit[]"].value*1; price = qty*priceperunit; frm_bill.elements["price[]"].value = price; sumprice = ((noborder*amt1) + (border*amt2)) + ship; frm_bill.elements["sumprice"].value = sumprice; } </script> </head> <body onload="init()"> <!-- ส่วนหัวของฟอร์มที่เป็นการบอกว่าจะให้ไปหน้าไหน หลังกดปุ่ม Submit --> <form name="frm_bill" action="#" method="post" onsubmit="return checkform(this);"> <table border="1" bordercolor="#000000" style="border-collapse: collapse" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFF" width="95%" id="tbl"> <tr> <td bgcolor="#6699FF"><p align="center"><font size="5" color="white"> :: ใบรับสินค้า::</font></p></td> </tr> <tr> <td bgcolor="#48E57C"><p align="center"><font size="3"> :: รายการสินค้าที่จัดส่ง ::</font></p></td> </tr> <tr> <td bgcolor="#FFFFFF"><p align="left"> ชื่อสินค้า : <input id="tautox_0" name="tautox[]" type="text" size="40" onkeyup="$.autocomplete($(this))"/> <!-- <input name="product_name[]" type="text" size="50" maxlength="200" id="product_name_0"> --> จำนวน : <input name="qty[]" type="text" size="5" maxlength="5" id="qty_0" onkeypress="return isNumber(event)" onKeyup=" sumValue(this.form)"> หน่วย : <input name="priceperunit_" type="text" size="7" id="unit_0" /> ราคา: <input name="priceperunit[]" type="text" size="7" maxlength="10" id="priceperunit_0" onkeypress="return isNumber(event)" onKeyup=" sumValue(this.form)"> รวม <input name="price[]" type="text" size="7" maxlength="10" id="price_0" onkeypress="return isNumber(event)"/> </p></td> </tr> <tr> <td bgcolor="#48E57C"><p align="left"> <a href="#" onclick="return addRow()">(เพิ่มรายการสินค้า)</a> <label for="textfield">รวมจำนวนสินค้า:</label> <input name="textfield" type="text" id="textfield" size="5" onkeypress="return isNumber(event)" /> รวมราคาทั้งหมด : <input name="sumprice" type="text" id="sumprice" size="10" onkeypress="return isNumber(event)" /> </td> </tr> <tr bgcolor="#6699FF" > <td colspan="2"> <div align="center"> <input type="submit" name="Submit" value="ส่งข้อมูล"> <input type="reset" name="Reset" value="ลบข้อมูล"> </div></td> </tr> </table> </form> <br> </body> </html>
<!-- คำนวณราคาสุทธิ --> <script language="JavaScript" type="text/javascript"> function sumValue(frm_bill){ qty = frm_bill.elements["qty[]"].value*1; priceperunit = frm_bill.elements["priceperunit[]"].value*1; price = qty*priceperunit; frm_bill.elements["price[]"].value = price;
<!-- คำนวณราคาสุทธิ --> function sumValue(frm_bill,row) { var total = 0; var qty = parseInt(document.getElementById("qty_"+row).value);//จำนวณ var priceperunit = parseInt(document.getElementById("priceperunit_"+row).value);//ราคาต่อหน่อย if(qty>0 && priceperunit>0){ total =qty*priceperunit; } //ราคารวมต่อหนึ่งรายการ document.getElementById("price_"+row).value = parseInt(total); //จำนวนสินค้าทั้งหมด setTotalQty(); //ยอดราคาสินค้าทั้งหมด setTotalPrice(); } </script>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง