Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > ช่วยทีครับทำ textbox รับค่าแล้วแสดง textbox ให้กรอกข้อมูลเพื่อคำนวณครับ



 

ช่วยทีครับทำ textbox รับค่าแล้วแสดง textbox ให้กรอกข้อมูลเพื่อคำนวณครับ

 



Topic : 112712



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



สถานะออฟไลน์




คือตอนนี้ทำตามตัวอย่างได้แบบนี้แล้วครับ แต่อยากเพิ่ม textbox เพื่อรับค่าก่อนจะมาคำนวณครับ ให้แสดงตามจำนวนที่เรากรอกเป็นแถวครับ

ต้นแบบ

ช่องรับค่า
ช่องรับค่า

แถวเดียวครับถ้ากรอก2 ก็เป็นสองแถว กรอก 3 ก็เป็น 3 แถว ช่อง ที่1/2/3 นำมาคูณกัน แล้วช่องที่ 4 แสดงผลลัพท์แล้วมี textbox อีกอันแสดงผลรวมครับ
แถวเดียว

ตอนนี้่ผมทำได้แบบนี้แล้วครับแต่ยังไม่มีหน้ารับค่าเพื่อให้กรอกแล้วแสดงตามจำนวนที่กรอกครับ
แบบ

ขอบคุณครับ



Tag : PHP






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-11-21 04:37:42 By : babavab View : 3619 Reply : 10
 

 

No. 1



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



สถานะออฟไลน์


เหมือนเจ้าของกระทู้จะรับค่าจำนวนแถว แล้วใช้วิธีซับมิท
วนลูปแสดงแถวด้วย php ใช่หรือป่าว ขอโค้ดมาดูครับ


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-11-21 08:01:54 By : cowboycnx
 


 

No. 2



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



สถานะออฟไลน์


Code (PHP)
<!DOCTYPE HTML>
<html>
<head>
<title>คำนวณไฟฟ้าl</title>
<style type="text/css">
body,td,th {
	color: #FFF;
}
body {
	background-color: #000;
}
</style>
</head>
<body>
<meta charset="utf-8">
<script language="javascript">
function fncCal()
{
var tot = 0;
var sum = 0;
for(i=1;i<=document.form1.hdnLine.value;i++)
{
tot = parseInt(eval("document.form1.txtVol1_"+i+".value")) * parseInt(eval("document.form1.txtVol2_"+i+".value"))*30/1000
eval("document.form1.txtVol3_"+i+".value="+tot);
sum = tot + sum
document.form1.txtSum.value=sum;

}
}
</script>
<form action="cal.php" method="post" name="form1">
  <p>&nbsp;</p>จำนวนเครื่องใช้ไฟฟ้า
  <p>เครื่องใช้ไฟฟ้า 1
    <input name="txtVol1_" id="txtVol1_1" type="text">
<input name="txtVol[]" id="txtVol2_1" type="text"> =  <input name="txtVol[]" id="txtVol3_1" type="text"><br>
    เครื่องใช้ไฟฟ้า 2 
    <input name="txtVol[]" id="txtVol1_2" type="text"> 
    <input name="txtVol[]" id="txtVol2_2" type="text"> =  <input name="txtVol[]" id="txtVol3_2" type="text"><br>
    เครื่องใช้ไฟฟ้า 3 
    <input name="txtVol[]" id="txtVol1_3" type="text"> 
    <input name="txtVol[]" id="txtVol2_3" type="text"> =  <input name="txtVol[]" id="txtVol3_3" type="text"><br>
    เครื่องใช้ไฟฟ้า 4 
    <input name="txtVol[]" id="txtVol1_4" type="text"> 
    <input name="txtVol[]" id="txtVol2_4" type="text"> =  <input name="txtVol[]" id="txtVol3_4" type="text"><br>
    เครื่องใช้ไฟฟ้า 5 
    <input name="txtVol[]" id="txtVol1_5" type="text"> 
    <input name="txtVol[]" id="txtVol2_5" type="text"> =  <input name="txtVol[]" id="txtVol3_5" type="text"><br>
    <input type="hidden" name="hdnLine" value="5">
    
    จำนวนหน่วย: 
    <input name="txtSum" id="txtSum" type="text"><br><br>
    
    <input name="btnCal" type="button" value="คำนวณ" OnClick="JavaScript:fncCal();">
  </p>
</form>

<a href="sumpea_price" target="index">คำนวณค่าใช้ไฟฟ้า</a>


</body>
</html>


ตอนนี้ผมทำแบบนี้ครับผมพึ่งศึกษาครับไม่ค่อยมีความรู้แต่มีคนให้โค้ดอีกอันมามีรับค่าแต่ผมเขียนคำนวณไม่เป็นครับ

Code (PHP)
<?php
if (empty($_POST[counttextbox])) {
echo "<form name='frm1' action='text_result.php' method='post'>";
echo "กรุณากรอกจำนวนที่ต้องการคำนวณ";
echo "<br/>";
echo "<input type='text' name='counttextbox' size='5' maxlength='10' onKeyUp='if(this.value*1!=this.value) this.value='' ;'>";
echo "<input type='submit' value='Submit'>";
echo "<form/>";
} else {
$alltext=floor($_POST[counttextbox]);
echo "<form name='frm1' action='' method='post'>";
echo "แสดงผล <br/>";
for ($loop=0; $loop<$alltext; $loop++) { 
	echo "<input type='text' name='inputtext1[]' id='inputtext1[]' size='7' maxlength='10' onKeyUp='if(this.value*1!=this.value) this.value='' ;'> x ";
	echo "<input type='text' name='inputtext2[]' id='inputtext2[]' size='7' maxlength='10' onKeyUp='if(this.value*1!=this.value) this.value='' ;'> x ";
	echo "<input type='text' name='inputtext3[]' id='inputtext3[]' size='7' maxlength='10' onKeyUp='if(this.value*1!=this.value) this.value='' ;'> = ";
	echo "<input type='text' name='outputtext1[]' id='outputtext1[]' size='7' maxlength='10' readonly='readonly'>";
	echo "<br/><br/>";
									   }
echo "<input type='submit' value='Submit'>";
echo "<form/>";									   
}
?>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-11-21 17:08:28 By : babavab
 

 

No. 3



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



สถานะออฟไลน์



แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-11-21 23:42:26 By : babavab
 


 

No. 4



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



สถานะออฟไลน์


ผมไม่ได้ทดสอบน่ะครับ ไปลองรันดูเอาเอง
<?php
if (empty($_POST[counttextbox])) {
	echo "<form name='frm1' action='text_result.php' method='post'>";
	echo "กรุณากรอกจำนวนที่ต้องการคำนวณ";
	echo "<br/>";
	echo "<input type='text' name='counttextbox' size='5' maxlength='10' onKeyUp='if(this.value*1!=this.value) this.value='' ;'>";
	echo "<input type='submit' value='Submit'>";
	echo "<form/>";
} else {
	$alltext=floor($_POST[counttextbox]);
	echo "<form name='frm1' action='' method='post'>";
	echo "แสดงผล <br/>";
	for ($loop=0; $loop<$alltext; $loop++) { 
		echo "<div>";
		echo "<input type='text' name='inputtext1[]' class='multiply input1' size='7' maxlength='10' > x ";
		echo "<input type='text' name='inputtext2[]' class='multiply input2' size='7' maxlength='10' > x ";
		echo "<input type='text' name='inputtext3[]' class='multiply input3' size='7' maxlength='10' > = ";
		echo "<input type='text' name='outputtext[]' class='output' size='7' maxlength='10' readonly='readonly'>";
		echo "</div><br/>";
	}
	echo "<input type='submit' value='Submit'>";
	echo "<form/>";									   
}
?>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$(".multiply").keyup(function(){
			var parent = $(this).parent();
			var num1 = parent.find(".input1").val(),
				num2 = parent.find(".input2").val(),
				num3 = parent.find(".input3").val();
			parent.find(".output").val(parseFloat(num1)*parseFloat(num2)*parseFloat(num3));

		});
	});
</script>


อาจจะเจอปัญหาตอนที่ช่องไหนไม่มีข้อมูล มันก็จะขึ้น undefined
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-11-22 07:55:57 By : cowboycnx
 


 

No. 5



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



สถานะออฟไลน์


ขอบคุณครับคำนวณได้แล้ว แต่มันเป็นคำนวณอัตโนมัติไม่ต้องกด submit แล้วผมจะเพิ่มอีก 1 ช่องคือทำเป็นรวมผลลัพที่คำนวณต้องทำยังไงหรอครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-11-22 16:46:53 By : babavab
 


 

No. 6

Guest


ไม่คิดจะศึกษาโค๊ดที่เค้าให้ไปบ้างเลยหรอ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-11-22 17:08:44 By : ไม่เห็นจะพยายามอะไรเลย
 


 

No. 7



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



สถานะออฟไลน์


ขอโทษนะครับที่ต้องให้ลำบาก ผมลองทำตามหลายตัวอย่างแล้วแต่มันทำไม่ได้ผมเลยถามครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-11-23 02:33:04 By : babavab
 


 

No. 8



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



สถานะออฟไลน์


มันทำได้หลายวิธีน่ะครับ
<?php
if (empty($_POST[counttextbox])) {
	echo "<form name='frm1' action='text_result.php' method='post'>";
	echo "กรุณากรอกจำนวนที่ต้องการคำนวณ";
	echo "<br/>";
	echo "<input type='text' name='counttextbox' size='5' maxlength='10' onKeyUp='if(this.value*1!=this.value) this.value='' ;'>";
	echo "<input type='submit' value='Submit'>";
	echo "<form/>";
} else {
	$alltext=floor($_POST[counttextbox]);
	echo "<form name='frm1' action='' method='post'>";
	echo "แสดงผล <br/>";
	for ($loop=0; $loop<$alltext; $loop++) { 
		echo "<div>";
		echo "<input type='text' name='inputtext1[]' class='multiply input1' size='7' maxlength='10' > x ";
		echo "<input type='text' name='inputtext2[]' class='multiply input2' size='7' maxlength='10' > x ";
		echo "<input type='text' name='inputtext3[]' class='multiply input3' size='7' maxlength='10' > = ";
		echo "<input type='text' name='outputtext[]' class='output' size='7' maxlength='10' readonly='readonly'>";
		echo "</div><br/>";
	}
	echo "<input type='text' name='grandtotal' id='grandtotal' value='' /><br />";
	echo "<input type='submit' value='Submit'>";
	echo "<form/>";									   
}
?>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$(".multiply").keyup(function(){
			var parent = $(this).parent();
			var num1 = parent.find(".input1").val(),
				num2 = parent.find(".input2").val(),
				num3 = parent.find(".input3").val();
			parent.find(".output").val(parseFloat(num1)*parseFloat(num2)*parseFloat(num3));
			var gtotal = 0;
			$("input.output").each(function(){
				gtotal = gtotal + parseFloat($(this).val());
			});
			$("#grandtotal").val(gtotal);
		});
	});
</script>


ชุดนี้ดีหน่อยไม่ต้องคำนวนทุกครั้งที่มีการกดคีย์ แต่จะคำนวนต่อเมื่อคลิ๊กเมาส์นอกช่องกรอกข้อมูล
<?php
if (empty($_POST[counttextbox])) {
	echo "<form name='frm1' action='text_result.php' method='post'>";
	echo "กรุณากรอกจำนวนที่ต้องการคำนวณ";
	echo "<br/>";
	echo "<input type='text' name='counttextbox' size='5' maxlength='10' onKeyUp='if(this.value*1!=this.value) this.value='' ;'>";
	echo "<input type='submit' value='Submit'>";
	echo "<form/>";
} else {
	$alltext=floor($_POST[counttextbox]);
	echo "<form name='frm1' action='' method='post'>";
	echo "แสดงผล <br/>";
	for ($loop=0; $loop<$alltext; $loop++) { 
		echo "<div>";
		echo "<input type='text' name='inputtext1[]' class='multiply input1' size='7' maxlength='10' > x ";
		echo "<input type='text' name='inputtext2[]' class='multiply input2' size='7' maxlength='10' > x ";
		echo "<input type='text' name='inputtext3[]' class='multiply input3' size='7' maxlength='10' > = ";
		echo "<input type='text' name='outputtext[]' class='output' size='7' maxlength='10' readonly='readonly'>";
		echo "</div><br/>";
	}
	echo "<input type='text' name='grandtotal' id='grandtotal' value='' /><br />";
	echo "<input type='submit' value='Submit'>";
	echo "<form/>";									   
}
?>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$(".multiply").keyup(function(){
			var parent = $(this).parent();
			var num1 = parent.find(".input1").val(),
				num2 = parent.find(".input2").val(),
				num3 = parent.find(".input3").val();
			parent.find(".output").val(parseFloat(num1)*parseFloat(num2)*parseFloat(num3));			
		}).blur(function(){
			var gtotal = 0;
			$("input.output").each(function(){
				gtotal = parseFloat(gtotal) + parseFloat($(this).val());
			});
			$("#grandtotal").val(gtotal);
		});
	});
</script>


โค้ดพวกนี้อาจจะยากไปสำหรับมือใหม่ครับ พยายามศึกษา อ่านตัวอย่างโค้ดและทำความเข้าใจให้ดีครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-11-23 09:01:12 By : cowboycnx
 


 

No. 9



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Facebook

ตอบความคิดเห็นที่ : 8 เขียนโดย : cowboycnx เมื่อวันที่ 2014-11-23 09:01:12
รายละเอียดของการตอบ ::
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-11-23 10:16:09 By : phpinfo()
 


 

No. 10



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



สถานะออฟไลน์


ขอบคุณมากครับคุณ cowboycnx ผมมือใหม่จริงๆ ขอบคุณมากๆครับที่เข้าใจ ผมนั่งทำทั้งวันมันก็ไม่ออก
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-11-23 19:55:15 By : babavab
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : ช่วยทีครับทำ textbox รับค่าแล้วแสดง textbox ให้กรอกข้อมูลเพื่อคำนวณครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







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

Load balance : Server 02
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่