<html> <head> <title>ThaiCreate.Com Tutorial</title> </head> <body> <form name="frmMain" action="" method="post"> <script language="JavaScript"> function fncSum() { if(isNaN(document.frmMain.txtNumberA.value) || document.frmMain.txtNumberA.value == "") { alert('(Number A)Please input Number only.'); document.frmMain.txtNumberA.focus(); return; } if(isNaN(document.frmMain.txtNumberB.value) || document.frmMain.txtNumberB.value == "") { alert('(Number B)Please input Number only.'); document.frmMain.txtNumberB.focus(); return; } document.frmMain.txtNumberC.value = parseFloat(document.frmMain.txtNumberA.value) + parseFloat(document.frmMain.txtNumberB.value); } </script> Number A <input type="text" name="txtNumberA" value="3" OnChange="fncSum();"> <br> Number B <input type="text" name="txtNumberB" value="5" OnChange="fncSum();"> <br> A + B = <input type="text" name="txtNumberC" value=""><br> </form> </body> </html>
Number A <input type="text" name="txtNumberA" value=""> <br> Number B <input type="text" name="txtNumberB" value=""> <br> A + B = <input type="number" name="txtNumberC" value=""><br> <script src="jQuery.min.js"></script> <script> $(function(){ var total=0; $('input[type="text"]').each(function(){ if($(this).val().length != 0){ total+=parseInt($(this).val()); } }); $('input[type="number"]').val(total); }); </script>
Number A <input type="text" name="txtNumberA" value="2"> <br> Number B <input type="text" name="txtNumberB" value="2"> <br> A + B = <input type="number" name="txtNumberC" value=""><br> <script src="jQuery.min.js"></script> <script> $(function(){ var total=0; $('input[type="text"]').each(function(){ if($(this).val().length != 0){ total+=parseInt($(this).val()); } }); $('input[type="number"]').val(total); }); </script>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง