ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => ข้อความที่เริ่มโดย: nuttapont ที่ 09 เมษายน 2010, 15:16:04



หัวข้อ: java script คำนวณใน textbox หลายๆ ตัว
เริ่มหัวข้อโดย: nuttapont ที่ 09 เมษายน 2010, 15:16:04
java script  คำนวณใน textbox หลายๆ ตัว แล้ว มา Sum ในตัวเดียว จะทำไงเหรอครับ

แบบว่า สมมุติ กรอกเลข อันแรก ใน textbox และจะคำนวณ ค่าออกมาในช่องรวมเลยอ่ะครับ

ตามภาพ ครับ

(http://image.ohozaa.com/i5/590untitled.jpg)

ผมเขียนจาวา สคริปไม่เป็นครับ ช่วยผมด้วยนะครับ

แนวทางก็ได้ครับ ขอบคุณครับ


หัวข้อ: Re: java script คำนวณใน textbox หลายๆ ตัว
เริ่มหัวข้อโดย: เก๋าลัดคุง ที่ 09 เมษายน 2010, 15:34:31
<script language="javascript">
<!--
function test()
var t = document.=ชื่อ form.ชื่อ input.value   document.=ชื่อ form.ชื่อ input 2.value
alert(t);
}
//-->
</script>

<form name="=ชื่อ form" method=post action="">
<input type="text" name="ชื่อ">
<input type="text" name="ชื่อ2">
<input type="button" value=""onclick="javascript: test()";>
</form>


หัวข้อ: Re: java script คำนวณใน textbox หลายๆ ตัว
เริ่มหัวข้อโดย: @@@ ที่ 09 เมษายน 2010, 16:08:19
java script  คำนวณใน textbox หลายๆ ตัว แล้ว มา Sum ในตัวเดียว จะทำไงเหรอครับ

แบบว่า สมมุติ กรอกเลข อันแรก ใน textbox และจะคำนวณ ค่าออกมาในช่องรวมเลยอ่ะครับ

ตามภาพ ครับ

([url]http://image.ohozaa.com/i5/590untitled.jpg[/url])

ผมเขียนจาวา สคริปไม่เป็นครับ ช่วยผมด้วยนะครับ

แนวทางก็ได้ครับ ขอบคุณครับ


คร่าวๆนะครับ

โค๊ด:

<script language="javascript">
function on_sum(){
var frm=document.form1;
var t1=parseFloat(frm.textfield1.value);
if(frm.textfield1.value=='')t1=0;
var t2=parseFloat(frm.textfield2.value);
if(frm.textfield2.value=='')t2=0;
var t3=parseFloat(frm.textfield3.value);
if(frm.textfield3.value=='')t3=0;
var t4=parseFloat(frm.textfield4.value);
if(frm.textfield4.value=='')t4=0;
var t5=parseFloat(frm.textfield5.value);
if(frm.textfield5.value=='')t5=0;
var sum=(t1*(t2*8)) (t3*(t4*8)) t5;
frm.textfield6.value=sum;
}
</script>
<form name="form1" method="post" action="">
  พนักงาน ก. <input type="text" name="textfield1" onKeyUp="on_sum()">
  <input type="text" name="textfield2" onKeyUp="on_sum()">
  <br>
  <br>
  พนักงาน ก. <input type="text" name="textfield3" onKeyUp="on_sum()">
  <input type="text" name="textfield4" onKeyUp="on_sum()">
  <br>
  <br>
  พนักงาน ก. <input type="text" name="textfield5" onKeyUp="on_sum()">
  <br>
  <br>
  รวมค่าทั้งหมด <input type="text" name="textfield6" readonly="readonly">
</form>





หัวข้อ: Re: java script คำนวณใน textbox หลายๆ ตัว
เริ่มหัวข้อโดย: kitazawa1st ที่ 09 เมษายน 2010, 20:46:39
ผมเขียนจาวา สคริปไม่เป็นครับ ช่วยผมด้วยนะครับ

แนวทางก็ได้ครับ ขอบคุณครับ

จะแนะนำ jquery ซะหน่อย  :-X