<!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 language="javascript"> function alertData(){ var txt1 = document.getElementById('test1').value; var txt2 = document.getElementById('test2').value; var txt3 = document.getElementById('test3').value; var txt4 = document.getElementById('test4').value; var total = document.getElementById('total'); var total1 = document.getElementById('total1'); var total2 = document.getElementById('total2'); if(txt1 == ""){txt1 = 0;} if(txt2 == ""){txt2 = 0;} if(txt3 == ""){txt3 = 0;} if(txt4 == ""){txt4 = 0;} total.value = parseInt(txt1)+parseInt(txt2); total1.value = parseInt(txt3)+parseInt(txt4); total2.value = parseInt(total)+parseInt(total1); } </script> </head> <body> <input name="test1" id="test1" type="text" onkeyup="alertData()" /><br /> <input name="test2" id="test2" type="text" onkeyup="alertData()"/><br /> <input name="test3" id="test3" type="text" onkeyup="alertData()"/><br /> <input name="test4" id="test4" type="text" onkeyup="alertData()"/><br /> <br /> <br /> <input name="total" id="total" type="text" /> <input name="total" id="total1" type="text" /> <input name="total" id="total2" type="text" /> </body> </html>
<!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 language="javascript"> function alertData(){ var txt1 = document.getElementById('test1').value; var txt2 = document.getElementById('test2').value; var txt3 = document.getElementById('test3').value; var txt4 = document.getElementById('test4').value; var total = document.getElementById('total'); var total1 = document.getElementById('total1'); var total2 = document.getElementById('total2'); if(txt1 == ""){txt1 = 0;} else if(txt2 == ""){txt2 = 0;} else if(txt3 == ""){txt3 = 0;} else if(txt4 == ""){txt4 = 0;} total.value = parseInt(txt1)+parseInt(txt2); total1.value = parseInt(txt3)+parseInt(txt4); //ผมทำแบบนี้เพราะคุณอยากได้ค่า ทั้งช่อง 1+2 = ช่อง 3 ผมรวมที่ช่อง 3 ผมแนะนำนะครับเขียนแบบใช้ auto ดีกว่าไหม จะง่ายกว่าไม่ต้องมาแบ่งอะไรให้ยุ่งยาก ใช้ชื่อเดี๋ยวกันแล้วก็ใส่จำนวนแล้วก็ได้ผลลัพธ์ออกมาครับ //ผมไม่เก่งนะครับผิดตรงไหนขอโทษด้วย เพราะผมศึกษาเรื่องพวกนี้ครับเลยช่วย 5555 ขอบคุณครับ พัฒนาต่อไปครับผม total2.value = parseInt(txt1)+parseInt(txt2)+parseInt(txt3)+parseInt(txt4); แบบ นี้ก็ได้ครับ total2.value = parseInt(total)+parseInt(total1); } </script> </head> <body> <input name="test1" id="test1" type="text" onkeyup="alertData()" /><br /> <input name="test2" id="test2" type="text" onkeyup="alertData()"/><br /> <input name="test3" id="test3" type="text" onkeyup="alertData()"/><br /> <input name="test4" id="test4" type="text" onkeyup="alertData()"/><br /> <br /> <br /> <input name="total" id="total" type="text" /> <input name="total" id="total1" type="text" /> <input name="total" id="total2" type="text" /> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง