<table width="318" height="24" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center" bgcolor="#FFDB6F"><span class="style10">แก้ไขราคาขายของกระเช้าสินค้า</span></td> </tr> </table> <br /> <table width="804" border="0" cellpadding="3" cellspacing="01" bgcolor="#000000"> <tr> <td width="113" align="center" bgcolor="#FFFFFF"><span class="style8">ราคาขาย</span></td> <td width="97" align="center" bgcolor="#FFFFFF"><span class="style8">ราคารวม</span></td> </tr> <? $select = "SELECT * FROM productdetail , material , product , material_type WHERE product.p_id = productdetail.p_id AND productdetail.m_id = material.m_id AND material_type.mt_id = material.mt_id AND product.p_id = '$p_id' ORDER BY productdetail.pd_id ASC"; $no = 1; $result = mysql_query($select); while($read = mysql_fetch_array($result)){ ?> <tr> <td align="center" bgcolor="#FFFFFF"> <input name="m_price" type="text" id="m_price" value="<? echo number_format($read['m_price'],2)?>" size="10" /></td> <td align="center" bgcolor="#FFFFFF"><span class="style8"><? echo number_format($read["m_price"]*$read["pd_amount"],2) ?></span></td> </tr> <? $total=($read["m_price"]*$read["pd_amount"])+$total; $total2=$total+200; ?> <? }?> <tr> <td colspan="6" rowspan="2" bgcolor="#FFFFFF"> </td> <td align="center" bgcolor="#FFFFFF"><span class="style8">ค่าจัดกระเช้า</span></td> <td align="center" bgcolor="#FFFFFF"><span class="style8">200 บาท</span></td> <tr> <td align="center" bgcolor="#FFFFFF"><span class="style8">รวมราคาทั้งสิ้น</span></td> <td bgcolor="#FFFFFF"> <span class="style8"> <? echo number_format($total2,2) ?> บาท</span></td> </table>
function refreshTotal(){ var sum = 0; $('.price').each(function(){ sum += parseFloat($(this).text()); }); }
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery Calculator</title> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> </head> <body> <label for="txt1">Text 1 : </label> <input type="text" name="txt1" id="txt1" class="price"><br> <label for="txt2">Text 2 : </label> <input type="text" name="txt2" id="txt2" class="price"><br> <label for="txt3">Text 3 : </label> <input type="text" name="txt3" id="txt3" class="price"><br> <label for="txt4">Text 4 : </label> <input type="text" name="txt4" id="txt4" class="price"><br> <label for="txt5">Text 5 : </label> <input type="text" name="txt5" id="txt5" class="price"><br> <input type="button" name="btn_calculator" id="btn_calculator" class="btn_calculator" value="Calculator"><br> <label for="txt_sum">Total : </label> <input type="text" name="txt_sum" id="txt_sum"> <hr> <div id="show_txt">Total : ???</div> </body> </html> <script> $('.btn_calculator').click(function(){ var sum = 0; $('.price').each(function(){ sum += parseFloat($(this).val()); }); $('#txt_sum').val(sum.toFixed(2)); $('#show_txt').text("Total : "+sum.toFixed(2)); }); </script>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง