Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > รบกวนหน่อยค่ะ ขอถามว่าโค๊ดคำนวณ jQuery textbox จากลิ้งค์นี้

รบกวนหน่อยค่ะ ขอถามว่าโค๊ดคำนวณ jQuery textbox จากลิ้งค์นี้

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

muham

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

รบกวนหน่อยค่ะ ขอถามว่าโค๊ดคำนวณ jQuery textbox จากลิ้งค์นี้ https://www.thaicreate.com/php/forum/096947.html

จะให้มี จำนวน * ราคาขาย ก่อน แล้วค่อยหาผลรวม เขียนโค๊ดยังไงคะ

Tag : PHP

Date : 2013-06-25 19:03:38

By : jungnaka

View : 2633

Reply : 23

No. 1

Manussawin

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

เอาง่ายๆครับ ลองประยุกต์ดูครับ ถ้าไม่ใช่ตามแบบที่ต้องการก็บอกนะครับผมอ่านโจทย์งงๆ

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery Calculator</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<label for="txt1">จำนวน : </label>
<input type="text" name="txt1" id="txt1" class="price"><br>
<label for="txt2">ราคารวม : </label>
<input type="text" name="txt2" id="txt2" class="price"><br>
<input type="button" name="btn_calculator" id="btn_calculator" class="btn_calculator" value="Calculator"><br>
<label for="txt_sum">ราคาสุทธิ : </label>
<input type="text" name="txt_sum" id="txt_sum">
<hr>
<div id="show_txt">Total : ???</div>
</body>
</html>
<script>
$('.btn_calculator').click(function(){
/*
var sum = 0;
$('.price').each(function(){
    sum += parseFloat($(this).val());
});

$('#txt_sum').val(sum.toFixed(2));
$('#show_txt').text("Total : "+sum.toFixed(2));
*/
var num1 = $("#txt1").val();
var num2 = $("#txt2").val();
var res = num1*num2;
$("#txt_sum").val(res);
});
</script>

Date : 2013-06-25 23:43:54

By : Manussawin

No. 2

muham

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

อ่า แบบนี้เลยค่ะ ขอบคุรมากๆค่ะ ถ้าจะใช้ทั้งสองแบบ แบบที่พี่ตอบกับแบบในลิ้ง ไว้ในฟอร์มเดียวกัน ใช้ฟังก์ชันเดียวกันได้ใช่ไหมคะ

Date : 2013-06-26 00:27:26

By : jungnaka

No. 3

muham

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

พี่ช่วยหนูหน่อยสิคะ คือ ชื่อสินค้า,จำนวน,ราคา,รวมราคา,รวมยอด หนู select จากในฐานข้อมูลค่ะ
เพื่อต้องการแก้ไขราคา แล้วให้คำนวณแบบว่าหาผลคูณของราคาคูณจำนวน ได้ผลลัพธ์ใน textbox รวมราคา และเอามาบวกกันได้ผลลัพธ์ใน textbox รวมยอด โดยใช้ code ข้างบนค่ะ หนูยังไม่เข้าใจอ่ะ รบกวนอีกทีค่ะ ขอบคุณค่ะ
textbox

Date : 2013-06-26 02:04:00

By : jungnaka

No. 4

muham

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

ช่วยตอบหน่อยค่ะ

Date : 2013-06-26 13:13:30

By : jungnaka

No. 5

fukuro

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

ช่วยด้วยค่ะ คุณ GuEmboy ขอบคุณค่ะ อยากรู้เหมือนกัน

ประวัติการแก้ไข
2013-06-26 19:00:25

Date : 2013-06-26 18:59:38

By : tiktok16

No. 6

Manussawin

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

ตอบความคิดเห็นที่ : 5 เขียนโดย : tiktok16 เมื่อวันที่ 2013-06-26 18:59:38

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script type="text/javascript">
	$(function(){
		$("#btncal").click(function(){
			var amount = 0;
			var price=0;
			var sumprice=0;
			for(var i=1; i<=10; i++){
				$("#sumprice"+i).val(parseFloat($("#amount"+i).val()*$("#price"+i).val()));
				amount += parseFloat($("#amount"+i).val());
				price += parseFloat($("#price"+i).val());
				sumprice += parseFloat($("#sumprice"+i).val());
			}
				$("#amount_res").val(amount);
				$("#price_res").val(price);
				$("#sumprice_res").val(sumprice);
			});
	});
  </script>
 </head>
 <body>
  <table width="800" border="1"> 
  <tr>
	<td>ลำดับ</td>
	<td>ชื่อสินค้า</td>
	<td>จำนวน</td>
	<td>ราคา</td>
	<td>รวมราคา</td>
  </tr>
<?PHP
for($a=1;$a<=10;$a++){
?>
  <tr>
	<td><?=$a;?></td>
	<td>สินค้าชนิดที่<?=$a;?></td>
	<td><input type="text" name="amount" id="amount<?=$a;?>" value="<?=rand(1, 5);?>" class="amount"></td>
	<td><input type="text" name="price" id="price<?=$a;?>" value="<?=rand(100, 1000);?>" class="price"></td>
	<td><input type="text" name="sumprice" id="sumprice<?=$a;?>" class="sumprice"></td>
  </tr>
  <?PHP
  }
  ?>
   <tr>
	<td colspan="2">รวม</td>
	<td><input type="text" name="amount_res" id="amount_res"></td>
	<td><input type="text" name="price_res" id="price_res"></td>
	<td><input type="text" name="sumprice_res" id="sumprice_res"></td>
  </tr>
  </table>
  <input type="button" id="btncal" value="คำนวณ">
 </body>
</html>

ลองเอาไปศึกษาดูนะครับ พี่ร่างไว้คร่าวๆ ไม่เข้าใจตรงไหนบอกนะครับ

Date : 2013-06-27 08:41:56

By : Manussawin

No. 7

muham

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

พี่ค่ะลองทำดู ปรากฎมันขึ้นเรียงยาวเหยียดเลย แถมคำนวณแค่ลำดับแรกของรหัสนั้นๆ ยังไม่ถูกอ่ะค่ะ

คือ หนูทำจัดกระเช้าสินค้าแต่ละราคาไว้หลายๆกระเช้า แล้วบันทึกลงฐานแล้ว แล้วอาจารย์เขาต้องการให้แก้ไขราคาขายได้ แล้วคำนวณใหม่ แล้วค่อยอับเดตลงฐานข้อมูล ในกระเช้ามีวัตถุดิบไม่เหมือนกันแล้วแต่ลำดับรายการค่ะ

นี้เป็นตัวอย่างกระเช้าที่ 001 มีวัตถุดิบ 4 รายการ หนูดึงมาจากฐานข้อมุล
- มันขึ้นลำดับยาวจนถึงลำดับที่ 10 ซ้ำๆกันค่ะ ซึ่งมันต้องโชว์แค่ 4 รายการ 4 ลำดับ เท่านั้น
- ที่ขีดไว้ คือ มันคำนวณแค่ช่องนั้น ทำไงให้คำนวณทุกช่อง

ช่วยหน่อยนะคะ ไม่เสร็จสักที

basket

Date : 2013-06-27 16:47:25

By : jungnaka

No. 8

muham

โพสกระทู้ ( 97 )
บทความ ( 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=utf-8" />
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(function(){
$("#btncal").click(function(){
var amount = 0;
var price=0;
var sumprice=0;
for(var i=1; i<=10; i++){
$("#sumprice"+i).val(parseFloat($("#amount"+i).val()*$("#price"+i).val()));
amount += parseFloat($("#amount"+i).val());
price += parseFloat($("#price"+i).val());
sumprice += parseFloat($("#sumprice"+i).val());
}
$("#amount_res").val(amount);
$("#price_res").val(price);
$("#sumprice_res").val(sumprice);
});
});
</script>
</head>
<body>
 <table width="804" border="0" cellpadding="3" cellspacing="01" bgcolor="#000000">
                      <tr>
                        <td width="46" align="center" bgcolor="#FFFFFF"><span class="style8">ลำดับ</span></td>
                        <td width="76" align="center" bgcolor="#FFFFFF"><span class="style8">รหัส</span></td>
                        <td width="171" align="center" bgcolor="#FFFFFF"><span class="style8">รายการ</span></td>
                        <td width="94" align="center" bgcolor="#FFFFFF"><span class="style8">ประเภท</span></td>
                        <td width="75" align="center" bgcolor="#FFFFFF"><span class="style8">ขนาด</span></td>
                        <td width="74" align="center" bgcolor="#FFFFFF"><span class="style8">จำนวน</span></td>
                        <td width="113" align="center" bgcolor="#FFFFFF"><span class="style8">ราคาขาย</span></td>
                        <td width="97" align="center" bgcolor="#FFFFFF"><span class="style8">ราคารวม</span></td>
                      </tr>
              <? 
		        for($a=1;$a<=10;$a++){
			        $select = "SELECT * FROM productdetail , material , product , material_type
                               WHERE product.p_id = productdetail.p_id  
                               AND productdetail.m_id = material.m_id 
							   AND material_type.mt_id = material.mt_id
                               AND product.p_id = '$p_id' 
                               ORDER BY productdetail.pd_id ASC";
			      
			        $result = mysql_query($select);
			  while  ($read = mysql_fetch_array($result)){
	
			 ?>
                      <tr>
                        <td align="center" bgcolor="#FFFFFF"><span class="style8">
                       <?=$a;?>
                        </span></td>
                        <td align="center" bgcolor="#FFFFFF"><span class="style8">
                          <?=$read['m_id']?>
                        </span></td>
                        <td align="center" bgcolor="#FFFFFF"><span class="style8">
                          <?=$read['m_name']?>
                        </span></td>
                        <td align="center" bgcolor="#FFFFFF"><span class="style8">
                          <?=$read['mt_name']?>
                        </span></td>
                        <td align="center" bgcolor="#FFFFFF"><span class="style8">
                          <?=$read['m_size']?>
                        </span></td>
                        <td align="center" bgcolor="#FFFFFF"><span class="style8">
     <input name="amount"  id="amount<?=$a;?>" class="amount" type="text" size="5" value="<? echo $read["pd_amount"] ?>">
                        </span></td>
                        <td align="center" bgcolor="#FFFFFF">
     <input name="price" id="price<?=$a;?>" class="price" type="text" size="10" value="<? echo number_format($read["m_price"],2)?>"></td>
                        <td align="center" bgcolor="#FFFFFF"><span class="style8">
     <input name="sumprice" id="sumprice<?=$a;?>"  class="sumprice" type="text" value="<? echo number_format($read["m_price"]*$read["pd_amount"],2)?>" >
     </span></td>
                      </tr>
                    <? } ?>
                         <? } ?>                        
                      <tr>
                        <td colspan="6" rowspan="2" bgcolor="#FFFFFF">&nbsp;</td>
                        <td align="center" bgcolor="#FFFFFF"><span class="style8">ค่าจัดกระเช้า</span></td>
                        <td align="center" bgcolor="#FFFFFF"><span class="style8">200 บาท</span></td>
                      <tr>
                        <td align="center" bgcolor="#FFFFFF"><span class="style8">รวมราคาทั้งสิ้น</span></td>
                        <td bgcolor="#FFFFFF"> <span class="style8">
      <input name="sumprice_res" id="sumprice_res" type="text" size="10"> บาท</span> </td>
                    </table>
          
                <input type="button" id="btncal" value="คำนวณ">

Date : 2013-06-27 16:52:14

By : jungnaka

No. 9

Manussawin

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

ขอดูโค๊ดหน้านี้หน่อยครับ

Date : 2013-06-27 16:53:16

By : Manussawin

No. 10

fukuro

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

ตอนนี้แก้ลำดับได้แล้วค่ะ คำนวณได้ทุกลำดับแล้ว ติดตรงรวมยอดไม่คำนวณให้ ขึ้น NaN ค่ะ

<!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=utf-8" />
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(function(){
$("#btncal").click(function(){
var amount = 0;
var price=0;
var sumprice=0;
for(var i=1; i<=10; i++){
$("#sumprice"+i).val(parseFloat($("#amount"+i).val()*$("#price"+i).val()));
amount += parseFloat($("#amount"+i).val());
price += parseFloat($("#price"+i).val());
sumprice += parseFloat($("#sumprice"+i).val());
}

$("#sumprice_res").val(sumprice);
});
});
</script>
</head>
<body>
<table width="804" border="0" cellpadding="3" cellspacing="01" bgcolor="#000000">
<tr>
<td width="46" align="center" bgcolor="#FFFFFF"><span class="style8">ลำดับ</span></td>
<td width="76" align="center" bgcolor="#FFFFFF"><span class="style8">รหัส</span></td>
<td width="171" align="center" bgcolor="#FFFFFF"><span class="style8">รายการ</span></td>
<td width="94" align="center" bgcolor="#FFFFFF"><span class="style8">ประเภท</span></td>
<td width="75" align="center" bgcolor="#FFFFFF"><span class="style8">ขนาด</span></td>
<td width="74" align="center" bgcolor="#FFFFFF"><span class="style8">จำนวน</span></td>
<td width="113" align="center" bgcolor="#FFFFFF"><span class="style8">ราคาขาย</span></td>
<td width="97" align="center" bgcolor="#FFFFFF"><span class="style8">ราคารวม</span></td>
</tr>
<?
   $a=1;
$select = "SELECT * FROM productdetail , material , product , material_type
WHERE product.p_id = productdetail.p_id
AND productdetail.m_id = material.m_id
AND material_type.mt_id = material.mt_id
AND product.p_id = '$p_id'
ORDER BY productdetail.pd_id ASC";

$result = mysql_query($select);
while ($read = mysql_fetch_array($result)){

?>
<tr>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$a++;?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$read['m_id']?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$read['m_name']?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$read['mt_name']?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$read['m_size']?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<input name="amount" id="amount<?=$a;?>" class="amount" type="text" size="5" value="<? echo $read["pd_amount"] ?>">
</span></td>
<td align="center" bgcolor="#FFFFFF">
<input name="price" id="price<?=$a;?>" class="price" type="text" size="10" value="<? echo number_format($read["m_price"],2)?>"></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<input name="sumprice" id="sumprice<?=$a;?>" class="sumprice" type="text" value="<? echo number_format($read["m_price"]*$read["pd_amount"],2)?>" >
</span></td>
</tr>
<? } ?>
<? } ?>
<tr>
<td colspan="6" rowspan="2" bgcolor="#FFFFFF">&nbsp;</td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">ค่าจัดกระเช้า</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">200 บาท</span></td>
<tr>
<td align="center" bgcolor="#FFFFFF"><span class="style8">รวมราคาทั้งสิ้น</span></td>
<td bgcolor="#FFFFFF"> <span class="style8">
<input name="sumprice_res" id="sumprice_res" type="text" size="10"> บาท</span> </td>
</table>

<input type="button" id="btncal" value="คำนวณ">

Date : 2013-06-27 17:07:09

By : tiktok16

No. 11

muham

โพสกระทู้ ( 97 )
บทความ ( 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=utf-8" />
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(function(){
$("#btncal").click(function(){
var amount = 0;
var price=0;
var sumprice=0;
for(var i=1; i<=10; i++){
$("#sumprice"+i).val(parseFloat($("#amount"+i).val()*$("#price"+i).val()));
amount += parseFloat($("#amount"+i).val());
price += parseFloat($("#price"+i).val());
sumprice += parseFloat($("#sumprice"+i).val());
}

$("#sumprice_res").val(sumprice);
});
});
</script>
</head>
<body>
<table width="804" border="0" cellpadding="3" cellspacing="01" bgcolor="#000000">
<tr>
<td width="46" align="center" bgcolor="#FFFFFF"><span class="style8">ลำดับ</span></td>
<td width="76" align="center" bgcolor="#FFFFFF"><span class="style8">รหัส</span></td>
<td width="171" align="center" bgcolor="#FFFFFF"><span class="style8">รายการ</span></td>
<td width="94" align="center" bgcolor="#FFFFFF"><span class="style8">ประเภท</span></td>
<td width="75" align="center" bgcolor="#FFFFFF"><span class="style8">ขนาด</span></td>
<td width="74" align="center" bgcolor="#FFFFFF"><span class="style8">จำนวน</span></td>
<td width="113" align="center" bgcolor="#FFFFFF"><span class="style8">ราคาขาย</span></td>
<td width="97" align="center" bgcolor="#FFFFFF"><span class="style8">ราคารวม</span></td>
</tr>
<?
$a=1;
$select = "SELECT * FROM productdetail , material , product , material_type
WHERE product.p_id = productdetail.p_id
AND productdetail.m_id = material.m_id
AND material_type.mt_id = material.mt_id
AND product.p_id = '$p_id'
ORDER BY productdetail.pd_id ASC";

$result = mysql_query($select);
while ($read = mysql_fetch_array($result)){

?>
<tr>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$a++;?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$read['m_id']?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$read['m_name']?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$read['mt_name']?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$read['m_size']?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<input name="amount" id="amount<?=$a;?>" class="amount" type="text" size="5" value="<? echo $read["pd_amount"] ?>">
</span></td>
<td align="center" bgcolor="#FFFFFF">
<input name="price" id="price<?=$a;?>" class="price" type="text" size="10" value="<? echo number_format($read["m_price"],2)?>"></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<input name="sumprice" id="sumprice<?=$a;?>" class="sumprice" type="text" value="<? echo number_format($read["m_price"]*$read["pd_amount"],2)?>" >
</span></td>
</tr>
<? } ?>
<? } ?>
<tr>
<td colspan="6" rowspan="2" bgcolor="#FFFFFF">&nbsp;</td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">ค่าจัดกระเช้า</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">200 บาท</span></td>
<tr>
<td align="center" bgcolor="#FFFFFF"><span class="style8">รวมราคาทั้งสิ้น</span></td>
<td bgcolor="#FFFFFF"> <span class="style8">
<input name="sumprice_res" id="sumprice_res" type="text" size="10"> บาท</span> </td>
</table>

<input type="button" id="btncal" value="คำนวณ">

Date : 2013-06-27 17:56:19

By : jungnaka

No. 12

muham

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

ยังคำนวณยอดรวมไม่ได้เลยค่ะ เหอะๆ

Date : 2013-06-28 00:29:05

By : jungnaka

No. 13

muham

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

ช่วยดูให้หน่อยค่ะ......

Date : 2013-06-28 02:38:38

By : jungnaka

No. 14

Manussawin

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

ใช้ mysql_num_rows นับจำนวนแถวออกมาแล้วเอาไปเก็บใส่ input hidden ครับ แล้วเอาไปวนลูปใน javascript

Code (PHP)

$result = mysql_query($select);
$numrows=mysql_num_rows($result);

Code (PHP)

<input name="numrows" id="numrows" type="hidden" size="10" value="<?=$numrows?>">

Code (JavaScript)

var numrows = $("#numrows").val();
for(var i=1; i<=numrows; i++){
  $("#sumprice"+i).val(parseFloat($("#amount"+i).val()*$("#price"+i).val()));
  amount += parseFloat($("#amount"+i).val());
  price += parseFloat($("#price"+i).val());
  sumprice += parseFloat($("#sumprice"+i).val());
}

Date : 2013-06-28 07:50:32

By : Manussawin

No. 15

muham

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

ไม่มีค่าอะไรออกมาเลยค่ะ หนูใส่ถูกป่าวคะ

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(function(){
$("#btncal").click(function(){
var numrows = $("#numrows").val();
for(var i=1; i<=numrows; i++){
$("#sumprice"+i).val(parseFloat($("#amount"+i).val()*$("#price"+i).val()));
amount += parseFloat($("#amount"+i).val());
price += parseFloat($("#price"+i).val());
sumprice += parseFloat($("#sumprice"+i).val());
}

$("#sumprice_res").val(sumprice);
});
});
</script>
<table width="804" border="0" cellpadding="3" cellspacing="01" bgcolor="#000000">
<tr>
<td width="46" align="center" bgcolor="#FFFFFF"><span class="style8">ลำดับ</span></td>
<td width="76" align="center" bgcolor="#FFFFFF"><span class="style8">รหัส</span></td>
<td width="171" align="center" bgcolor="#FFFFFF"><span class="style8">รายการ</span></td>
<td width="94" align="center" bgcolor="#FFFFFF"><span class="style8">ประเภท</span></td>
<td width="75" align="center" bgcolor="#FFFFFF"><span class="style8">ขนาด</span></td>
<td width="74" align="center" bgcolor="#FFFFFF"><span class="style8">จำนวน</span></td>
<td width="113" align="center" bgcolor="#FFFFFF"><span class="style8">ราคาขาย</span></td>
<td width="97" align="center" bgcolor="#FFFFFF"><span class="style8">ราคารวม</span></td>
</tr>
<?
$a=1;
$select = "SELECT * FROM productdetail , material , product , material_type
WHERE product.p_id = productdetail.p_id
AND productdetail.m_id = material.m_id
AND material_type.mt_id = material.mt_id
AND product.p_id = '$p_id'
ORDER BY productdetail.pd_id ASC";

$result = mysql_query($select);
echo $numrows=mysql_num_rows($result);

?>
<tr>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$a++;?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$numrows['m_id']?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$read['m_name']?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$read['mt_name']?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$read['m_size']?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<input name="amount" id="amount<?=$a;?>" class="amount" type="text" size="5" value="<? echo $read["pd_amount"] ?>">
</span></td>
<td align="center" bgcolor="#FFFFFF">
<input name="price" id="price<?=$a;?>" class="price" type="text" size="10" value="<? echo number_format($read["m_price"],2)?>"></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<input name="sumprice" id="sumprice<?=$a;?>" class="sumprice" type="text" value="<? echo number_format($read["m_price"]*$read["pd_amount"],2)?>" >
</span></td>
</tr>

<tr>
<td colspan="6" rowspan="2" bgcolor="#FFFFFF"> </td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">ค่าจัดกระเช้า</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">200 บาท</span></td>
<tr>
<td align="center" bgcolor="#FFFFFF"><span class="style8">รวมราคาทั้งสิ้น</span></td>
<td bgcolor="#FFFFFF"> <span class="style8">
<input name="sumprice_res" id="sumprice_res" type="text" value="<? echo number_format($read["p_price"],2)?>" size="10"> บาท</span> </td>
</table>
<input name="numrows" id="numrows" type="hidden" size="10" value="<?=$numrows?>">
<input type="button" id="btncal" value="คำนวณ">

Date : 2013-06-28 16:29:43

By : jungnaka

No. 16

Manussawin

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

num_rows แล้วมีค่าไหมครับ?

Date : 2013-06-28 17:25:07

By : Manussawin

No. 17

muham

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

echo ออกมาแล้วมี 4 แถวค่ะ ในฐานข้อมูลมี 4 แถวค่ะ ตรงกัน
แต่ค่าไม่ออก

Date : 2013-06-28 17:39:22

By : jungnaka

No. 18

Manussawin

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

แก้ให้ละครับ ลองเอาไปศึกษาต่อยอดดูนะครับ

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(function(){
$("#btncal").click(function(){
var amount = 0;
var price=0;
var sumprice=0;
var numrows = $("#numrows").val();
for(var i=1; i<=numrows; i++){
$("#sumprice"+i).val(parseFloat($("#amount"+i).val()*$("#price"+i).val()));
amount += parseFloat($("#amount"+i).val());
price += parseFloat($("#price"+i).val());
sumprice += parseFloat($("#sumprice"+i).val());
}

$("#sumprice_res").val(sumprice);
});
});
</script>
</head>
<body>
<table width="804" border="0" cellpadding="3" cellspacing="01" bgcolor="#000000">
<tr>
<td width="46" align="center" bgcolor="#FFFFFF"><span class="style8">ลำดับ</span></td>
<td width="76" align="center" bgcolor="#FFFFFF"><span class="style8">รหัส</span></td>
<td width="171" align="center" bgcolor="#FFFFFF"><span class="style8">รายการ</span></td>
<td width="94" align="center" bgcolor="#FFFFFF"><span class="style8">ประเภท</span></td>
<td width="75" align="center" bgcolor="#FFFFFF"><span class="style8">ขนาด</span></td>
<td width="74" align="center" bgcolor="#FFFFFF"><span class="style8">จำนวน</span></td>
<td width="113" align="center" bgcolor="#FFFFFF"><span class="style8">ราคาขาย</span></td>
<td width="97" align="center" bgcolor="#FFFFFF"><span class="style8">ราคารวม</span></td>
</tr>
<?
$a=1;
$select = "SELECT * FROM productdetail , material , product , material_type
WHERE product.p_id = productdetail.p_id
AND productdetail.m_id = material.m_id
AND material_type.mt_id = material.mt_id
AND product.p_id = '$p_id'
ORDER BY productdetail.pd_id ASC";

$result = mysql_query($select);
$numrows=mysql_num_rows($result);
while ($read = mysql_fetch_array($result)){

?>
<tr>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$a++;?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$read['m_id']?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$read['m_name']?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$read['mt_name']?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<?=$read['m_size']?>
</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<input name="amount" id="amount<?=$a;?>" class="amount" type="text" size="5" value="<? echo $read["pd_amount"] ?>">
</span></td>
<td align="center" bgcolor="#FFFFFF">
<input name="price" id="price<?=$a;?>" class="price" type="text" size="10" value="<? echo number_format($read["m_price"],2)?>"></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">
<input name="sumprice" id="sumprice<?=$a;?>" class="sumprice" type="text" value="<? echo number_format($read["m_price"]*$read["pd_amount"],2)?>" >
</span></td>
</tr>
<? } ?>
<? } ?>
<tr>
<td colspan="6" rowspan="2" bgcolor="#FFFFFF">&nbsp;</td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">ค่าจัดกระเช้า</span></td>
<td align="center" bgcolor="#FFFFFF"><span class="style8">200 บาท</span></td>
<tr>
<td align="center" bgcolor="#FFFFFF"><span class="style8">รวมราคาทั้งสิ้น</span></td>
<td bgcolor="#FFFFFF"> <span class="style8">
<input name="sumprice_res" id="sumprice_res" type="text" size="10"> บาท</span> </td>
</table>
<input name="numrows" id="numrows" type="hidden" size="10" value="<?=$numrows?>">
<input type="button" id="btncal" value="คำนวณ">

Date : 2013-06-28 17:51:55

By : Manussawin

No. 19

muham

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

ค่ามาแล้วค่ะพี่
แต่ตรงลำดับสุดท้าย ไม่คำนวณแต่สามลำดับแรกคำนวณ และ ตรงรวมราคาทั้งสิ้นไม่คำนวณให้ขึ้น NaN

Date : 2013-06-28 18:40:18

By : jungnaka

No. 20

muham

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

เนี่ยๆค่ะ ต้องแก้ตรงไหนคะ ไม่ได้สักที แต่ตรงลำดับสุดท้าย ไม่คำนวณแต่สามลำดับแรกคำนวณ และ ตรงรวมราคาทั้งสิ้นไม่คำนวณให้ขึ้น NaN แต่ numrows ค่าก็ออกมาถูกนะคะ
basket

Date : 2013-06-28 20:05:55

By : jungnaka

No. 21

muham

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

ดูให้หน่อยนะคะ ไม่ได้หลายวันแล้ว

Date : 2013-06-29 01:09:22

By : jungnaka

No. 22

muham

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

ช่วยหน่อย ..

Date : 2013-06-29 01:52:45

By : jungnaka

No. 23

Manussawin

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

แนะนำเป็นแนวทางนะครับ ถ้าจะใช้ PHP คำนวณเลยก็ได้ครับแนวคิดจะคล้ายๆกับ Javascript ข้างบน ในลูป while น้องก็สร้างตัวแปลเพื่อเก็บผลการบวกแล้วเอาไปแสดงในช่อง sumprice_res ครับ

Quote:
<?
$a=1;
$select = "SELECT * FROM productdetail , material , product , material_type
WHERE product.p_id = productdetail.p_id
AND productdetail.m_id = material.m_id
AND material_type.mt_id = material.mt_id
AND product.p_id = '$p_id'
ORDER BY productdetail.pd_id ASC";

$result = mysql_query($select);
$numrows=mysql_num_rows($result);
while ($read = mysql_fetch_array($result)){
echo "จำนวน = ".$read['pd_amount']."ราคา = ".$read['m_price']."ราคารวม = ".number_format($read["m_price"]*$read["pd_amount"],2)."<br>";
$sumprice_res += number_format($read["m_price"]*$read["pd_amount"],2);
}

echo "ผลรวมทั้งหมด = ".$sumprice_res;
?>

แต่ถ้าจะคำนวณด้วย Javascript ตรง input sumprice ไม่จำเป็นต้องใส่ value ให้มันเพราะ เราให้ javascript คำนวณข้างบนแล้ว

Date : 2013-06-29 14:02:03

By : Manussawin

ค้นหาข้อมูล

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

Re : รบกวนหน่อยค่ะ ขอถามว่าโค๊ดคำนวณ jQuery textbox จากลิ้งค์นี้

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 03

Registered : 109,037

document.write("<font color=996600>[PHP]</font>"); รบกวนหน่อยค่ะ ขอถามว่าโค๊ดคำนวณ jQuery textbox จากลิ้งค์นี้

No. 1

No. 2

No. 3

No. 4

No. 5

No. 6

No. 7

No. 8

No. 9

No. 10

No. 11

No. 12

No. 13

No. 14

No. 15

No. 16

No. 17

No. 18

No. 19

No. 20

No. 21

No. 22

No. 23

ค้นหาข้อมูล

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

Notice

รบกวนหน่อยค่ะ ขอถามว่าโค๊ดคำนวณ jQuery textbox จากลิ้งค์นี้