Forgot Password ??

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

	Registered : 109,027

HOME > PHP > PHP Forum > คำนวณค่าใน textbox ช่วยดูโค้ดหน่อยครับ คือเวลาผมกรอกตัวเลขในคำนวณกันเช่น a1=123.10 a2=123.20 จะรวมโดยอัตโนมัติ

คำนวณค่าใน textbox ช่วยดูโค้ดหน่อยครับ คือเวลาผมกรอกตัวเลขในคำนวณกันเช่น a1=123.10 a2=123.20 จะรวมโดยอัตโนมัติ

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

coop

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

ช่วยดูโค้ดหน่อยครับ
<!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>
<script type="text/javaScript">
//เติม , (คอมมา)
function dokeyup( obj )
{
var key = event.keyCode;
if( key != 37 & key != 39 & key != 110 )
{
var value = obj.value;
var svals = value.split( "." ); //แยกทศนิยมออก
var sval = svals[0]; //ตัวเลขจำนวนเต็ม

var n = 0;
var result = "";
var c = "";
for ( a = sval.length - 1; a >= 0 ; a-- )
{
c = sval.charAt(a);
if ( c != ',' )
{
n++;
if ( n == 4 )
{
result = "," + result;
n = 1;
};
result = c + result;
};
};

if ( svals[1] )
{
result = result + '.' + svals[1];
};

obj.value = result;
};
};

//ให้ text รับค่าเป็นตัวเลขอย่างเดียว
function checknumber()
{
key = event.keyCode;
if ( key != 46 & ( key < 48 || key > 57 ) )
{
event.returnValue = false;
};
};

</script>
<link rel="stylesheet" type="text/css" href="epoch_styles.css" />
<script type="text/javascript" src="epoch_classes.js"></script>
<script type="text/javascript">
/*You can also place this code in a separate file and link to it like epoch_classes.js*/
var bas_cal,dp_cal,ms_cal;
window.onload = function () {
dp_cal = new Epoch('epoch_popup','popup',document.getElementById('popup_container'));

};
</script>
<script>
function calcfunc() {
var val1 = parseFloat(document.form1.a1.value);
var val2 = parseFloat(document.form1.a2.value);
document.form1.a3.value=val1+val2;
}
</script>
<body>
<form id="form1" name="form1" method="post" action="add1.php">
<table width="100%" border="1">
<tr>
<td>จำนวนเงิน1</td>
<td><input name="a1" type="text" id="a1" onchange="dokeyup(this);" onkeypress="checknumber()" onkeyup="dokeyup(this);calcfunc()">
 </td>
</tr>
<tr>
<td>จำนวนเงิน2</td>
<td><input name="a2" type="text" id="a2" onchange="dokeyup(this);" onkeypress="checknumber()" onkeyup="dokeyup(this);calcfunc()">
 </td>
</tr>
<tr>
<td>รวม</td>
<td><input name="a3" type="text" id="a3" onchange="dokeyup(this);" onkeypress="checknumber()" onkeyup="dokeyup(this);">
 </td>
</tr>
<tr>
<td>หมายเหตุ</td>
<td><textarea name="desc" cols="50" rows="3" id="desc"></textarea></td>
</tr>
<tr>
<td>วันที่ดำเนินการเสร็จ</td>
<td><input name="date1" type="text" id="popup_container" style="text-align:center" /> </td>
</tr>
<tr>
<td colspan="2"><div align="center">
<input type="submit" name="Submit" value="บันทึก" />
 
<input type="reset" name="Submit2" value="ยกเลิก" />
<input name="dln" type="hidden" id="dln" value="<?=$dln;?>" />
</div></td>
</tr>
</table>
</form>

</body>
</html>
คือเวลาผมกรอกตัวเลขในคำนวณกันเช่น
a1=123.10
a2=123.20
จะรวมโดยอัตโนมัติที่ช่อง a3=246.30
แต่พอใส่
a1=1,234.10
a2=1,234.20
มันดันคำนวณเป็น a3=2
จะแก้ยังไงนะ

Tag : - - - -

Date : 2010-07-07 09:58:12

By : coop_korat

View : 6099

Reply : 11

No. 1

เอี่ยว

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

จาก
var val1 = parseFloat(document.form1.a1.value);
var val2 = parseFloat(document.form1.a2.value);

ลองเปลี่ยนเป็ฯ

var a1 = document.form1.a1.value.split(',').join('');
var a2 = document.form1.a2.value.split(',').join('');

var val1 = parseFloat(a1);
var val2 = parseFloat(a2);

ดูนะครับ

Date : 2010-07-07 10:19:55

By : pjgunner

No. 2

Guest

ทำงานได้โอเคเลยครับ แต่....... ผลลัพธ์ที่ได้ ไม่แสดงหลักของตัวเลขอ่าครับ เช่น พอได้ผลลัพธ์ 145000 ก็แสดงแบบนี้เลย ไม่แสดงเป็น
145,000 อ่าคับ มีคอมมาด้วยได้ป่าวครับ ผมวานผู้รู้ช่วยด้วยครับ ^^ ขอบคุณครับ

Date : 2011-02-24 22:50:22

By : BB

No. 3

Saiimog

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

ใช้ number_format() คับ

Date : 2011-02-24 23:40:31

By : boodemon

No. 4

Guest

ขอบคุณคุณสายหมอกครับ แต่ว่า.... แล้วเหมือนในโค้ดนี้ เขาใส่ตรงไหนหรอครับ รบกวนอีกครั้งน่ะครับ ขอบคุณครับ

Date : 2011-02-26 00:38:50

By : BOY

No. 5

Guest

ขอความช่วยเหลือทุกท่านครับ T_T

อย่างโค้ดที่ให้มาด้านบนสุดอ่ะครับ ผลลัพธ์ที่ได้ มันไม่มีหลักแสดงน่ะครับ เช่นเราป้อน 1,500 มันก็แสดง 1500

ผมใช้ทุกวิถีทางแล้วครับ ทั้ง number_format ก็ไม่แสดงผลลัพธ์ที่ถูกต้องสักทีอ่าครับ ช่วยด้วยครับ ทุกท่าน

Date : 2011-03-04 00:01:04

By : majung

No. 6

King_R_Ther

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

echo number_format($ผลลัพธ์);

Date : 2011-03-04 08:57:26

By : compeng

No. 7

Guest

ขอบคุณน่ะครับ แต่....งง ครับ เหอะๆๆๆ ลองดูแล้วไม่ได้อ่าครับ

Date : 2011-03-04 10:05:41

By : majung

No. 8

King_R_Ther

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

Code (PHP)

กำหนด ให้ $num = 1500 

ใช้ <br>
<?php $num=1500;?>
number_format($num,2) จะแสดงดังนี้ <font color="#0000CC"><?php  echo number_format($num,2); ?></font><br>
number_format($num) จะแสดงดังนี้ <font color="#0000CC"><?php  echo number_format($num); ?></font>

ลองดูคับ

Date : 2011-03-04 10:41:20

By : compeng

No. 9

Guest

ขอบคุณ...คุณ King_R_Ther มากๆครับ ผมอยากอธิบายให้คุณฟังน่ะครับ (อย่าหาว่าผมเรื่องมากเลย)

คือ..... ค่าที่ได้มันเป็นค่าที่อยู่ใน Javascript อ่าครับ มันก็เลยแสดงตามที่มันเห็น เช่น

if (document.form1.p1.value == "" && document.form1.a3.value == "")
{
var nul = "0";
var a1 = document.form1.a1.value.split(',').join('');
var a2 = document.form1.a2.value.split(',').join('');

var val1 = parseFloat(a1);
var val2 = parseFloat(a2);

document.form1.p2.value=nul;
document.form1.a4.value=val1+val2;
document.form1.a5.value=val1+val2;
}

เอาเป็นว่า ตามที่ผมเข้าใจน่ะครับ ใน textfiled ฟอร์มที่เรากรอกอ่าครับ มันสามารถที่จะแยกจำนวนต่างๆด้วยการคั่นเจ้า คอมม่าไว้ด้วยกัน (นั้นคือในส่วนของ function ที่เรากำหนดว่าให้เป็นอย่างไร) เสร็จหลังจากนั้นมันก็จะมาเข้าสู่ฟังก์ชั่นการคำนวณค่าอ่าครับ (คือเจ้าข้างบนนี่ล่ะครับ) จากนั้น เช่นผมมี textfiled อยู่ 2 ช่อง ผมขออธิบาย 1 ช่องน่ะครับ คือ ถ้าเราจะนำมันมาคำนวณเลยมันก็คงทำไม่ได้ เพราะค่าของมันยังคั่นคอมม่าอ่าครับ จาก
var a1 = document.form1.a1.value.split(',').join(''); // เลยต้องแยกเจ้า คอมม่าออกแล้วนำค่ามาต่อกันเพื่อทำการคำนวณกับค่าอื่นอ่าครับ

หลังจากนั้น ก็แปลงค่าจากจำนวนเต็ม มาอยู่ในรูป ทศนิยมอ่าครับ
var val1 = parseFloat(a1); //เพื่อทำการคำนวณกับค่าอื่นอ่าครับ
ตามความเข้าใจผมน่ะครับ(อย่าว่ากันเลยครับ ^^)
จากนั้นก็เอาค่าที่ยังไม่ได้คั่นเจ้าคอมม่า แต่อยู่ในรูปของตัวเลขทศนิยมที่แสดงผลลัพธ์แล้ว ไปแสดง textfiled ที่โชว์ค่า
document.form1.a4.value=val1;
(อย่า งง เลยน่ะครับ อิอิ ผมอธิบายไม่เก่งครับ)
เห้อออออออออออ ...... มันก็เลยเป็นแบบนี้แหละครับ(ผมคิดว่าน่ะครับ)
เป็นไปได้ไหม ถ้าผมจะเอาเจ้าค่า val1 ไปใส่ฟังก์ชั่น number_format ของ php อ่าครับ ช่วยด้วยน่ะครับ T_T
ขอบคุณครับ

Date : 2011-03-04 11:30:26

By : majung

No. 10

King_R_Ther

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

ลองดูครับ
Code (PHP)

<script  language="javascript">
function number_format( number, decimals, dec_point, thousands_sep ) {

  var n = number, prec = decimals, dec = dec_point, sep = thousands_sep;
  n = !isFinite(+n) ? 0 : +n;
  prec = !isFinite(+prec) ? 0 : Math.abs(prec);
  sep = sep == undefined ? ',' : sep;

  var s = n.toFixed(prec),
      abs = Math.abs(n).toFixed(prec),
      _, i;

  if (abs > 1000) {
      _ = abs.split(/\D/);
      i = _[0].length % 3 || 3;

      _[0] = s.slice(0,i + (n < 0)) +
            _[0].slice(i).replace(/(\d{3})/g, sep+'$1');
      s = _.join(dec || '.');
  } else {
      s = abs.replace('.', dec_point);
  }
  return s;
}
document.write(number_format(1000000.00, 2, '.', ',')); // ทดสอบ
</script>

ยังคงยืนยัน ฟังก์ชั่น number_format(); 555+

ประวัติการแก้ไข
2011-03-04 15:01:34
2011-03-04 15:01:38

Date : 2011-03-04 15:00:37

By : compeng

No. 11

Guest

ขอบคุณ คุณ King_R_Ther มากเลยครับ

แต่ผมอยากได้รูปแบบเดียวกับ idea ของเจ้าของกระทู้น่ะครับ พอดีของผมมีค่าในการนำมาคำนวณมากกว่าของเขาเท่านั้นเองครับ

คืมผมต้องการช่วงนี้อ่าครับ

if (document.form1.p1.value == "" && document.form1.a3.value == "")
{
var nul = "0";
var a1 = document.form1.a1.value.split(',').join('');
var a2 = document.form1.a2.value.split(',').join('');

var val1 = parseFloat(a1);
var val2 = parseFloat(a2);

document.form1.p2.value=nul;
document.form1.a4.value=val1+val2; // ช่วงการบวกกันแล้วนำผลลัพธ์มาแสดงอ่าครับ Val1+Val2
document.form1.a5.value=val1+val2;
}

เป็นไปได้ไหม ที่เราสามารถใส่ฟังก์ชั่นพิเศษ number_format() ของ php มาใส่ใน Javascript เช่น

document.form1.a4.value='<?php number_format(val1,2,".",",")?>'; // มั่วๆเอาน่ะครับ อิอิ

เป็นไปได้ป่าวครับ สงสัยๆๆๆ อยากให้เป็นแบบนี้อ่าครับ

Date : 2011-03-04 15:23:34

By : majung

ค้นหาข้อมูล

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

Re : คำนวณค่าใน textbox ช่วยดูโค้ดหน่อยครับ คือเวลาผมกรอกตัวเลขในคำนวณกันเช่น a1=123.10 a2=123.20 จะรวมโดยอัตโนมัติ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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