<!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] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 05
Load balance : Server 05
