Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,028

HOME > PHP > PHP Forum > จะทำ onblur แสดงค่านอก txtbox ได้ไหมครับ คือผมจะให้กรอกข้อความเป็นตัวเลขตรงช่อง จำนวน (qty) ครับ

จะทำ onblur แสดงค่านอก txtbox ได้ไหมครับ คือผมจะให้กรอกข้อความเป็นตัวเลขตรงช่อง จำนวน (qty) ครับ

เริ่มหัวข้อใหม่

แฮมสเตอร์

โพสกระทู้ ( 362 )
บทความ ( 0 )

คือผมจะให้กรอกข้อความเป็นตัวเลขตรงช่อง จำนวน(qty)ครับ แล้วจะให้มันไปแสดงในตารางตรงที่ sum=qty*price ได้ไหมครับ โดยที่ผมไม่ใช้เป็น txtbox ครับแล้วผมต้องทำยังไงครับช่วยเขียนสคริปอธิบายมาคร่าวๆได้ไหมครับ

Tag : - - - -

Date : 2009-10-13 18:02:13

By : hamzter

View : 2534

Reply : 15

No. 1

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

ได้ครับ เดี่ยวเขียนให้ดู รอเลิกงานก่อนละกัน

Date : 2009-10-13 19:01:16

By : plakrim

No. 2

แฮมสเตอร์

โพสกระทู้ ( 362 )
บทความ ( 0 )

ทำยังไงล่ะครับ

Date : 2009-10-13 21:45:09

By : hamzter

No. 3

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

Code

<!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=windows-874" />
<title>Untitled Document</title>
</head>

<body>
<script type="text/javascript">
function doCalSum(Record, Qty, Price){
var Sum;
Sum = parseInt(Qty) * parseFloat(Price);
document.getElementById("hdnSum" + Record).value = Sum.toFixed(2);
document.getElementById("spnSum" + Record).innerHTML = Sum.toFixed(2);
doCalTotal();
}

function doCalTotal(){
var Record = document.getElementById("hdnCount").value;
var Total = 0;
for(i=1;i<=Record;i++){
Total += parseFloat(document.getElementById("hdnSum" + i).value);
}
document.getElementById("spnTotal").innerHTML = Total.toFixed(2);
}
function digitsOnly(obj){
var regExp = /[0-9]$/;
if(!regExp.test(obj.value)){
obj.value = obj.value.substring(0, obj.value.length -1);
return false;
}
}
</script>
<form>
<table width="100%" border="1" cellspacing="0" cellpadding="2">
<tr>
<td align="center"><strong>Product</strong></td>
<td width="120" align="center"><strong>Price</strong></td>
<td width="120" align="center"><strong>Qty</strong></td>
<td width="120" align="center"><strong>Sum</strong></td>
</tr>
<tr>
<td>Test 1 <input type="hidden" name="hdnId1" id="hdnId1" value="1" /></td>
<td align="center">100.25</td>
<td align="center"><input name="txtQty1" type="text" id="txtQty1" size="15" value="1" onkeyup="digitsOnly(this);doCalSum(1, this.value, '100.25')"/></td>
<td align="center"><span name="spnSum1" id="spnSum1">100.25</span>
<input type="hidden" name="hdnSum1" id="hdnSum1" value="100" /></td>
</tr>
<tr>
<td>Test 2 <input type="hidden" name="hdnId2" id="hdnId2" value="2" /></td>
<td align="center">150.25</td>
<td align="center"><input name="txtQty2" type="text" id="txtQty2" size="15" value="1" onkeyup="digitsOnly(this);doCalSum(2, this.value, '150.25')"/></td>
<td align="center"><span name="spnSum2" id="spnSum2">150.25</span>
<input type="hidden" name="hdnSum2" id="hdnSum2" value="150" /></td>
</tr>
<tr>
<td colspan="3"><strong>Total</strong></td>
<td align="center"><span name="spnTotal" id="spnTotal">250.50</span></td>
</tr>
</table>
<input type="hidden" name="hdnCount" id="hdnCount" value="2"/>
</form>
</body>
</html>

เอาไปดัดแปลงกับ php ดูนะครับ ผมคิดเผื่อไว้แล้ว

Date : 2009-10-13 22:30:25

By : plakrim

No. 4

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

ดันๆ อุตส่าห์นั่งเขียนให้ ใครอยากเอาไปดัดแปลง เต็มที่เลยครับ

Date : 2009-10-15 19:33:36

By : plakrim

No. 5

Katob

โพสกระทู้ ( 702 )
บทความ ( 0 )

ทำไมเอาไปทดลองรันไม่ได้ครับ

Date : 2009-10-15 20:23:08

By : ddsure

No. 6

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

ใช้อะไรรัน ครับ ผมเทสกับ firefox ie6

Date : 2009-10-15 21:01:24

By : plakrim

No. 7

phpbasic

โพสกระทู้ ( 1,579 )
บทความ ( 3 )

ทำไมผมไม่เห็นกระทู้นี้หว่า
ขอบคุณเพ่อั๋นมากครับ+1เดียวเอาไปดัดแปลงใส่ระบบดูดีกว่า
ผมทดสอบดูแล้วใช้ได้ครับปกติ

Date : 2009-10-15 21:22:52

By : somparn

No. 8

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

อิอิ ปรับแล้วเอามาแปะให้ชาวบ้านใช้ด้วยก็ดีนะครับ

Date : 2009-10-15 21:25:43

By : plakrim

No. 9

แฮมสเตอร์

โพสกระทู้ ( 362 )
บทความ ( 0 )

doCalSum กะ docaltotal เอามารวมฟังชั่นเดียวกันก็ได้รึป่าวครับ

Date : 2009-10-16 01:08:23

By : hamzter

No. 10

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

ได้ครับ แยกให้ดูเฉยๆ ว่ามันคนละขั้นตอนกัน

Date : 2009-10-16 01:12:13

By : plakrim

No. 11

แฮมสเตอร์

โพสกระทู้ ( 362 )
บทความ ( 0 )

ขอบคุณมากเลยครับเป็นประโยชน์มาก แต่ผมขอถามอีกนิดนึงครับไม่เก่งjavaครับ
ตรงนี้มันหมายความว่ายังไงครับ
แล้ว regExp.test คืออะไรครับ
if(!regExp.test(obj.value)){
obj.value = obj.value.substring(0, obj.value.length -1);
return false;
}

Date : 2009-10-16 01:23:16

By : hamzter

No. 12

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

มันเป็น Javascript Regular Expression ครับ ผมใช้เช็คว่ากรอกตัวเลขหรือเปล่า

Date : 2009-10-16 01:58:54

By : plakrim

No. 13

Katob

โพสกระทู้ ( 702 )
บทความ ( 0 )

ได้ล่ะครับ เอ...เมื่อคืนเป็นไรน๊อ พอรันแล้วมันจะรีเฟรซไปอีกหน้าอื่น

Date : 2009-10-16 10:23:13

By : ddsure

No. 14

Guest

เยี่ยมเลย คับ

Date : 2009-10-17 16:54:58

By : //

No. 15

Dek-Doi

โพสกระทู้ ( 292 )
บทความ ( 0 )

ขอบคุณครับ

Date : 2009-11-06 15:30:09

By : adunafah

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : จะทำ onblur แสดงค่านอก txtbox ได้ไหมครับ คือผมจะให้กรอกข้อความเป็นตัวเลขตรงช่อง จำนวน (qty) ครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก