Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > คำนวณ textbox array แบบอัตโนมัติ รบกวนช่วยชี้แนะด้วยครับ

คำนวณ textbox array แบบอัตโนมัติ รบกวนช่วยชี้แนะด้วยครับ

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

BabyFoam

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

ถ้าจะเพิ่มช่องคำนวนยอดเงินรวมทั้งหมดจาก ช่อง a โค๊ดต้องเขียนแบบไหนครับ แล้วสามารถใช้ functionเดิมได้ไหม หรือว่าต้องสร้างไว้ใน function อันใหม่ รบกวนช่วยชี้แนะด้วยครับ
Code (PHP)

<!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" dir="ltr" lang="th" xml:lang="th">
<head>
 <meta http-equiv="content-type" content="text/html; charset=tis-620" />
 <title>calculate number</title>
 <script type="text/javascript">
 //<![CDATA[ 
  window.onload=function(){
   var f = document.getElementById('box'); 
   function calA(i){
    var d = function (){
     var k = f['k[]'][i];
     var p = f['p[]'][i];
     var a = f['a[]'][i];
     k.value = k.value.replace(/[^\d\.]/g,'');
     p.value = p.value.replace(/[^\d\.]/g,'');
     a.value = (k.value*1) * (p.value*1);
     if (a.value <= 0){
      a.style.color = 'red';
     } else {
      a.style.color = 'black';
     }
    }
    return d;
   }
   for(var i=0;i<f['k[]'].length;i++){
    f['k[]'][i].onkeyup = calA(i);
    f['p[]'][i].onkeyup = calA(i);
   }
  }
 //]]>
 </script>
</head>
<body>
 
 
<form method="post" action="?" id="box">
 <input type="text" name="a" value="k" disabled="disabled" />
 <input type="text" name="p" value="p" disabled="disabled" />
 <input type="text" name="k" value="a" disabled="disabled" />
 <?php echo '<br'.' />';?>
<?php foreach(range(1,5) as $m):?>
 <input type="text" name="k[]" value="" />
 <input type="text" name="p[]" value="" />
 <input type="text" name="a[]" value="" />
 <?php echo '<br'.' />';?>
<?php endforeach;?>
</form>
 
</body>
</html>

Tag : PHP

Date : 2014-12-23 14:48:07

By : ิbed02925

View : 1775

Reply : 3

No. 1

Genesis™

โพสกระทู้ ( 4,169 )
บทความ ( 7 )

ต้องการคำนวนแบบไหนครับ ขอรายละเอียดที่ชัดเจน เพราะยังไม่เครียกับโจทย์

Date : 2014-12-24 09:16:39

By : Ex-[S]i[L]e[N]t

No. 2

เอี่ยว

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

js เข้าไหเข้าหม้อหมดแล้วคับ เอา jquery ไปแล้วกัน

Ex.

<!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" dir="ltr" lang="th" xml:lang="th">
<head>
<meta http-equiv="content-type" content="text/html; charset=tis-620" />
<title>calculate number</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$(":text[name='k[]'], :text[name='p[]']").keypress(function(evt){
		var code = evt.keyCode ? evt.keyCode : evt.which;
		if (code === 8 ||code === 9 || code === 13)
			return;
			
		if ( ! /\d/.test(String.fromCharCode(code)))
			evt.preventDefault();
	}).keyup(function(){
		var k1, p1, a1;
		if ($(this).attr('name') == 'k[]'){
			k1 = $(this);
			p1 = $(this).next();
			a1 = $(this).next().next();
		}
		else if($(this).attr('name') == 'p[]'){
			k1 = $(this).prev();
			p1 = $(this);
			a1 = $(this).next();
		}
		
		a1.val(k1.val() * p1.val());
		
		var sum = 0;
		$(":text[name='a[]']").each(function(){
			sum += $(this).val() * 1;
		});
		
		$('#result').val(sum);
	});
});
</script>
</head>
<body>
 
 
<form method="post" action="?" id="box">
 <input type="text" name="a" value="k" disabled="disabled" />
 <input type="text" name="p" value="p" disabled="disabled" />
 <input type="text" name="k" value="a" disabled="disabled" />
 <?php echo '<br'.' />';?>
<?php foreach(range(1,5) as $m):?>
 <input type="text" name="k[]" value="" />
 <input type="text" name="p[]" value="" />
 <input type="text" name="a[]" value="" disabled="disabled" />
 <?php echo '<br'.' />';?>
<?php endforeach;?>
result: <input type="text" id="result" value="" readonly="readonly" />
</form>
 
</body>
</html>

รับทำโปรเจค

ประวัติการแก้ไข
2014-12-24 09:22:59

Date : 2014-12-24 09:19:09

By : pjgunner.com

No. 3

BabyFoam

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

ตอบความคิดเห็นที่ : 2 เขียนโดย : pjgunner.com เมื่อวันที่ 2014-12-24 09:19:09

รายละเอียดของการตอบ ::

ขอบคุณมากครับผม ได้แล้วครับ ^^

Date : 2014-12-24 14:00:11

By : ิbed02925

ค้นหาข้อมูล

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

Re : คำนวณ textbox array แบบอัตโนมัติ รบกวนช่วยชี้แนะด้วยครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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