01.<script>
02. $(document).ready(function(){
03.
04. var i=1;
05. $("#add_row").click(function(){
06. $('#addr'+i).html("<td bgcolor='#FFFFCC' class='text-center'>"+ (i+1) +".</td><td bgcolor='#FFFFCC'><input name='Product"+i+"' id='Product"+i+"' type='text' class='form-control' style='width: 180px;' /> <a href='#' class='btn btn-primary' data-toggle='modal' data-target='#Modal"+i+"'> ...</a> </td> <td bgcolor='#FFFFCC'> <input type='number' name='Packing"+i+"' class='form-control' step='0' min='0' style='width: 100px;' /><select name='Packing_quanlity"+i+"' id='Unit"+i+"' class='form-control' style='width:60px;'><option value='' >เลือกหน่วยนับ</option><option value='CC.' >CC.</option><option value='JOB.'>JOB.</option><option value='PC.' >PC.</option><option value='UNIT.'>UNIT.</option><option value='KG.' >KG.</option><option value='LITER.' >LITER.</option><option value='ML.' >ML.</option><option value='M.' >M.</option><option value='G.' >G.</option>option value='CM.'>CM.</option><option value='MM.' >MM.</option><option value='IBC.' >IBC.</option><option value='SET.'>SET.</option><option value='LOT.'>LOT.</option></select> / <select name='Packing_unit"+i+"' class='form-control' style='width: 60px;'><option value=''>เลือกบรรจุ</option><option value='CAN.'>CAN.</option><option value='IBC.' >IBC.</option><option value='DRUM.'>DRUM.</option><option value='BAG.'>BAG.</option><option value='BOT.' >BOT.</option><option value='GALLON.'>GALLON.</option><option value='BOX.' >BOX.</option><option value='Hrs.'>Hrs.</option><option value='LOT.'>LOT.</option><option value='POINT.'>POINT.</option><option value='PACK.'>PACK.</option><option value='PC.'>PC.</option><option value='TIME.'>TIME.</option><option value='SET.'>SET.</option><option value='MONTH.'>MONTH.</option><option value='UNIT.' >UNIT.</option></select></td><td bgcolor='#FFFFCC'><input type='number' name='Quanity_Stock"+i+"' class='form-control' step='0' min='0' style='width: 80px;' /><select name='Quantity_Stock"+i+"' class='form-control' style='width:65px;'><option value='' >เลือกหน่วยนับ</option><option value='CC.' >CC.</option><option value='JOB.'>JOB.</option><option value='PC.' >PC.</option><option value='G.' >G.</option><option value='CM.'>CM.</option><option value='MM.' >MM.</option><option value='IBC.' >IBC.</option><option value='SET.'>SET.</option><option value='LOT.'>LOT.</option><option value='UNIT.'>UNIT.</option><option value='KG.' >KG.</option><option value='LITER.' >LITER.</option><option value='ML.' >ML.</option><option value='M.' >M.</option></select></td><td bgcolor='#FFFFCC'><input name='Quanity"+i+"' type='number' class='form-control qty' step='0.00' min='0' style='width: 80px;'><select name='Unit_Quantity_Stock"+i+"' class='form-control' style='width:65px;'><option value='' >เลือกหน่วยนับ</option><option value='CC.' >CC.</option><option value='JOB.'>JOB.</option><option value='PC.' >PC.</option><option value='UNIT.'>UNIT.</option><option value='KG.' >KG.</option><option value='LITER.' >LITER.</option><option value='ML.' >ML.</option><option value='M.' >M.</option><option value='G.' >G.</option><option value='CM.'>CM.</option><option value='MM.' >MM.</option><option value='IBC.' >IBC.</option><option value='SET.'>SET.</option><option value='LOT.'>LOT.</option></select></td><td bgcolor='#FFFFCC'><input name='price"+i+"' type='number' class='form-control price' style='width: 100px;' min='0' step='0.00' /></td><td bgcolor='#FFFFCC'><input type='number' name='total["+i+"]' placeholder='0.00' class='form-control total' style='width: 100px;' readonly/></td>");
07.
08.
09.
10.
11.
12.
13.
14.
15.
16. $('#tab_logic').append('<tr id="addr'+(i+1)+'"></tr>');
17. i++;
18. });
19. $("#delete_row").click(function(){
20. if(i>1){
21. $("#addr"+(i-1)).html('');
22. i--;
23. }
24. calc();
25. });
26.
27. $('#tab_logic tbody').on('keyup change',function(){
28. calc();
29. });
30. $('#tax').on('keyup change',function(){
31. calc_total();
32. });
33.
34.
35.});
36.
37.function calc()
38.{
39. $('#tab_logic tbody tr').each(function(2i, element) {
40. var html = $(this).html();
41. if(html!='')
42. {
43. var qty = $(this).find('.qty').val();
44. var price = $(this).find('.price').val();
45. $(this).find('.total').val(qty*price);
46.
47. calc_total();
48. }
49. });
50.}
51.
52.function calc_total()
53.{
54. total=0;
55. $('.total').each(function() {
56. total += parseInt($(this).val());
57. });
58. $('#sub_total').val(total.toFixed(2));
59. tax_sum=total/100*$('#tax').val();
60. $('#tax_amount').val(tax_sum.toFixed(2));
61. $('#total_amount').val((tax_sum+total).toFixed(2));
62. $('#textSum1').val((tax_sum+total).toFixed(2));
63.}
64.
65.</script>
