Code ที่กรอกตัวเลขใน textbox1 และ textbox2 แล้วมันคำนวณผลลัพ


พูดคุย แลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework Jquery

Moderator: mindphp

User avatar
wat_rukawa
PHP Jr. Member
PHP Jr. Member
Posts: 25
Joined: 01/01/1970 7:00 am

Code ที่กรอกตัวเลขใน textbox1 และ textbox2 แล้วมันคำนวณผลลัพ

Post by wat_rukawa » 19/06/2008 8:54 pm

มือใหม่ครับ ช่วยหน่อยนะครับ -*-

คือเวลากรอกตัวเลขลงไปที่ textbox 1 และ textbox2 แล้วให้ มันแสดงผลลัพธ์เอามา + กัน
ในtextbox 3 โดยที่ที่ไม่ต้องกดปุ่ม submit อะครับ

ช่วยหน่อยนะงับ _/\_ ขอบคุณมากครับ

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 22627
Joined: 22/09/2008 6:18 pm
Contact:

Post by mindphp » 20/06/2008 6:32 pm

หมายถึง Auto sum หรือเปล่าครับ
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042

User avatar
aei_ou
PHP Full Member
PHP Full Member
Posts: 39
Joined: 22/01/2009 2:53 pm

Re: Code ที่กรอกตัวเลขใน textbox1 และ textbox2 แล้วมันคำนวณผลลัพ

Post by aei_ou » 25/02/2009 2:42 pm

ลองดูของผม

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>

<SCRIPT Language="JavaScript">

function startCalc(){
interval = setInterval("calc()",1);
}
function calc(){
one = document.autoSumForm.target.value;
two = document.autoSumForm.sumassess.value;

document.autoSumForm.gap.value = (two * 1) - (one * 1);
}
function stopCalc(){
clearInterval(interval);
}
</SCRIPT>

<div style="width: 200px; text-align: center;">
<form name="autoSumForm">

<table width="685" border="0">
<tr>
<td><div align="left">target</div></td>
<td><div align="left">&nbsp;&nbsp; sumassess</div></td>
<td><div align="left">&nbsp;&nbsp; GAP</div></td>
</tr>
<tr>
<td width="144">
<div align="left">
<input class="right" type=text name="target" value="" onFocus="startCalc();" onBlur="stopCalc();">
</div></td>
<td width="159"><div align="left">-
<input class="right" type=text name="sumassess" value="" onFocus="startCalc();" onBlur="stopCalc();">
</div></td>
<td width="368"><div align="left">=
<input class="right" type=text name="gap">
</div></td>
</tr>
</table>
<p>&nbsp;</p>
</form>
</div>
</BODY>
</HTML>

User avatar
kimdaclub
PHP Newbie
PHP Newbie
Posts: 1
Joined: 18/08/2013 11:46 pm

Re: Code ที่กรอกตัวเลขใน textbox1 และ textbox2 แล้วมันคำนวณผลลัพ

Post by kimdaclub » 18/08/2013 11:47 pm

ถ้าผมจะเพิ่ม textbox3 ผมต้องเพิ่มเติมตรงไหนครับ

Post Reply

Return to “JavaScript & Jquery Ajax”

Users browsing this forum: No registered users and 1 guest