Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > รวมค่าจาก text box หลายอันไปยัง text box อีกอัน โดย javascript

รวมค่าจาก text box หลายอันไปยัง text box อีกอัน โดย javascript

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

yut

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

อันนี้เป็นการจำลองสถานการณ์นะครับ ข้อมูลส่วน price , qty , amt จะได้จากการดึงขึ้นมาจากฐานข้อมูลครับ
คื่อเมื่อมีการแก้ไขส่วนของ qty ในส่วนของ amt จะเปลี่ยนไป แต่จะทำยังไงให้ค่าในส่วนของ sum_amt ที่ได้มาจากผลรวมของ amt เปลี่ยนไปด้วยในทุกครั้งที่ค่าใน amt เปลี่ยนครับ รบกวนผู้รู้ทั้งหลายช่วยดูให้หน่อยครับ ขอบคุณล่วงหน้าครับ
Code (PHP)

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>

<script language="javascript">
    function cal_am(qty){
		var amount = qty * <?php echo $price; ?>;		
		frmmain.amt<?php echo $edit_cnt; ?>.value = amount.toFixed(2) ;
		}
    </script>
</head>

<body>
<?php 
	$cnt = 3 ; // จำนวนแถวทั้งหมดที่ดึงขึ้นมา
	$price[1] = 10 ;
	$price[2] = 20 ;
	$price[3] = 30 ;
	
	$qty[1] = 10 ; 
	$qty[2] = 10 ;
	$qty[3] = 10 ; 
	
	$amt[1] = $qty[1] * $price[1];
	$amt[2] = $qty[2] * $price[2];
	$amt[3] = $qty[3] * $price[3];
	 
	$sum_amt = $amt[1]+$amt[2]+$amt[3] ; ?>
<form action="" method="post" name="frmmain">	
	<table border="1">
    	<tr>
        	<td><div align="center">ราคา/หน่วย</div></td>
            <td><div align="center">จำนวน</div></td>
            <td><div align="center">ราคารวม</div></td>
        </tr>
	
<?php	for($i=1; $i<=$cnt; $i++){ ?>
		<script language="javascript">
    function cal_am<?php echo $i; ?>(qty){
		var amount = qty * <?php echo $price[$i]; ?>;		
		frmmain.amt<?php echo $i; ?>.value = amount ;
		}
    </script>
    	<tr>
        	<td><div align="center"><input name="price<?php echo $i; ?>" type="text" value="<?php echo $price[$i]; ?>"></div></td>
            <td><div align="center"><input name="qty<?php echo $i; ?>" type="text" value="<?php echo $qty[$i]; ?>" onKeyUp="cal_am<?php echo $i; ?>(this.value);"></div></td>
            <td><div align="center"><input name="amt<?php echo $i; ?>" type="text" value="<?php echo $amt[$i]; ?>"></div></td>
        </tr>
<?php		}
?>
        <tr>
        	<td></td>
            <td><div align="center">ยอดสุทธิ</div></td>
            <td><div align="center"><input name="sum_amt" type="text" value="<?php echo $sum_amt; ?>"></div></td>
        </tr>
    </table>	
</form>
</body>
</html>

Tag : PHP, MySQL, JavaScript

Date : 2013-11-25 11:19:11

By : rackter2006

View : 873

Reply : 3

No. 1

yut

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

รบกวนผู้รู้ทั้งหลายช่วยดูให้หน่อยนะคับ

Date : 2013-11-25 12:01:09

By : rackter2006

No. 2

Guest

ตอบความคิดเห็นที่ : 1 เขียนโดย : rackter2006 เมื่อวันที่ 2013-11-25 12:01:09

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

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>

<script language="javascript">
function cal_am(qty,_num){
var amount = parseInt(qty) * parseInt(document.getElementById("price"+_num).value);
document.getElementById("amt"+_num).value= amount.toFixed(2);

var _sum=0;
for(var i=1;i<=3;i++){
_sum += parseInt(document.getElementById("amt"+i).value);
}
document.getElementById("sum_amt").value= _sum.toFixed(2);
}
</script>
</head>

<body>
<?php
$cnt = 3 ; // จำนวนแถวทั้งหมดที่ดึงขึ้นมา
$price[1] = 10 ;
$price[2] = 20 ;
$price[3] = 30 ;

$qty[1] = 10 ;
$qty[2] = 10 ;
$qty[3] = 10 ;

$amt[1] = $qty[1] * $price[1];
$amt[2] = $qty[2] * $price[2];
$amt[3] = $qty[3] * $price[3];

$sum_amt = $amt[1]+$amt[2]+$amt[3] ; ?>
<form action="" method="post" name="frmmain">
<table border="1">
<tr>
<td><div align="center">ราคา/หน่วย</div></td>
<td><div align="center">จำนวน</div></td>
<td><div align="center">ราคารวม</div></td>
</tr>

<?php for($i=1; $i<=$cnt; $i++){ ?>
<tr>
<td><div align="center"><input name="price<?php echo $i; ?>" id="price<?php echo $i; ?>" type="text" value="<?php echo $price[$i]; ?>"></div></td>
<td><div align="center"><input name="qty<?php echo $i; ?>" id="qty<?php echo $i; ?>" type="text" value="<?php echo $qty[$i]; ?>" onKeyUp="cal_am(this.value,<?=$i;?>);"></div></td>
<td><div align="center"><input name="amt<?php echo $i; ?>" id="amt<?php echo $i; ?>" type="text" value="<?php echo $amt[$i]; ?>"></div></td>
</tr>
<?php }
?>
<tr>
<td></td>
<td><div align="center">ยอดสุทธิ</div></td>
<td><div align="center"><input name="sum_amt" id="sum_amt" type="text" value="<?php echo $sum_amt; ?>"></div></td>
</tr>
</table>
</form>
</body>
</html>

Date : 2013-11-25 13:47:14

By : เรก

No. 3

yut

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

ขอบคุณมากครับ ทำได้แล้ว ตามด้านบนเลยคับ

Date : 2013-11-25 15:33:22

By : rackter2006

ค้นหาข้อมูล

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

Re : รวมค่าจาก text box หลายอันไปยัง text box อีกอัน โดย javascript

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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