Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > Jquery คำนวนตัวเลข โดยเหตุการณ์ onkeypess โดยให้ผลลัพฑ์แสดงผลช่องที่ 3

Jquery คำนวนตัวเลข โดยเหตุการณ์ onkeypess โดยให้ผลลัพฑ์แสดงผลช่องที่ 3

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

Man_kill_love

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

อ้างอิง : https://www.thaicreate.com/tutorial/javascript-number-format-comma.html

รบกวนพี่ๆ หน่อยนะครับ คือถ้าผมต้องการที่จะพิมพ์ ตัวเลข แล้วให้มันบวกจนได้ผลลัพธ์แสดงในช่องที่ 3 เลย จะต้องทำยังไงอะครับ เพื่อไม่เข้าใจตัวอย่างนะครับ input1 + input2 = ผลลัพธ์ที่ได้จากการบวกกันให้แสดงผลที่ input3 แบบไม่ต้องกดปุ่ม submit แต่เป็นการดักจับค่าแบบ onkeypess หรืออะไรก็ได้ครับที่เกี่ยวกับเหตุการ keyboard ครับ

*หมายเหตุ : ในช้อง inptu1, inptu2 เป็นค่าว่างครับ

นั้งทำมา 2 วันแล้วที่ไม่ได้สะที่อันนี้โค๊ด Jquery ที่ผมเขียน ออกแนวมั่วถึงมั่วมาก
Code (JavaScript)

<script>
$(document).ready(function(e)
{
alert ("ready");

$('form').onkeypess(function(e)
{
alert ("form keypess");
var input1 = $('input=#input1').val();
var input2 = $('input=#input2').val();
var ans = input1 + input2;
$('input=#input3').text(ans);
});

});
</script>

Tag : PHP, HTML/CSS, JavaScript, jQuery

ประวัติการแก้ไข
2012-05-31 01:35:55

Date : 2012-05-31 01:35:11

By : thethaicom

View : 7087

Reply : 9

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

อันนี้ JavaScript ธรรมดาครับ แต่ถ้า jQuery เดียวมาเขียนให้ครับ

Code (JavaScript)

<html>
<head>
<title>ThaiCreate.Com Tutorial</title>
</head>
<body>
<form name="frmMain" action="" method="post">
<script language="JavaScript">
	function fncSum()
	{
		 if(isNaN(document.frmMain.txtNumberA.value) || document.frmMain.txtNumberA.value == "")
		 {
			alert('(Number A)Please input Number only.');
			document.frmMain.txtNumberA.focus();
			return;
		 }

		 if(isNaN(document.frmMain.txtNumberB.value) || document.frmMain.txtNumberB.value == "")
		 {
			alert('(Number B)Please input Number only.');
			document.frmMain.txtNumberB.focus();
			return;
		 }

		 document.frmMain.txtNumberC.value = parseFloat(document.frmMain.txtNumberA.value) + parseFloat(document.frmMain.txtNumberB.value);
	}
</script>
Number A <input type="text" name="txtNumberA" value="" OnChange="fncSum()"> <br>
Number B <input type="text" name="txtNumberB" value="" OnChange="fncSum()"> <br>
A + B  = <input type="text" name="txtNumberC" value=""><br>
</form>
</body>
</html>

Date : 2012-05-31 06:33:54

By : mr.win

No. 2

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

Code (jQuery)

<html>
<head>
<script src="jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

	$("#txtNumberA,#txtNumberB").keyup(function(){

			if(isNaN($("#txtNumberA").val()))
			{
				alert('Please input Number A is number');
				$("#txtNumberA").val('');
			}

			if(isNaN($("#txtNumberB").val()))
			{
				alert('Please input Number B is number');
				$("#txtNumberB").val('');
			}
			
			$("#txtNumberC").val(parseFloat($("#txtNumberA").val())+parseFloat($("#txtNumberB").val()));
		});
	});
</script>
</head>
<body>
Number A <input type="text" id="txtNumberA" value=""> <br>
Number B <input type="text" id="txtNumberB" value=""> <br>
A + B  = <input type="text" id="txtNumberC" value=""><br>
</body>
</html>

Date : 2012-05-31 10:03:36

By : mr.win

No. 3

Man_kill_love

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

ขอบคุณครับ เดี่ยวนำไปดัดแปลงครับ

Date : 2012-05-31 11:27:22

By : thethaicom

No. 4

Man_kill_love

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

คุณ วิน ครับ ขอถามต่อสักหน่อยได้ไมครับ ถ้าผมต้องการ รีเทอร์นค่า (reutn value) ที่ได้จากการบวกแล้วต้องการนำไปใช้กับ function อื่นต้องเขียนยังไงหรอครับ

Date : 2012-06-01 02:31:27

By : thethaicom

No. 5

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

เอาไปใส่ในค่าตัวแปรก็ได้ครับ

Code (JavaScript)

<html>
<head>
<script src="jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	
	var sumTotal = 0;

	$("#txtNumberA,#txtNumberB").keyup(function(){

			if(isNaN($("#txtNumberA").val()))
			{
				alert('Please input Number A is number');
				$("#txtNumberA").val('');
			}

			if(isNaN($("#txtNumberB").val()))
			{
				alert('Please input Number B is number');
				$("#txtNumberB").val('');
			}
			
			sumTotal = parseFloat($("#txtNumberA").val())+parseFloat($("#txtNumberB").val());
		});
	});
</script>
</head>
<body>
Number A <input type="text" id="txtNumberA" value=""> <br>
Number B <input type="text" id="txtNumberB" value=""> <br>
A + B  = <input type="text" id="txtNumberC" value=""><br>
</body>
</html>

เอสตัวแปร sumTotal ไปใช้ครับ

Date : 2012-06-01 06:21:43

By : mr.win

No. 6

Man_kill_love

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

อ๋อขอบคุณครับ

Date : 2012-06-01 18:23:21

By : thethaicom

No. 7

Guest

ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.win เมื่อวันที่ 2012-05-31 06:33:54

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

... ใส่ความคิดเห็นตรงนี้.......รบกวนหน่อยนะครับพอดีผมมือใหม่ ถ้าเราใช้คำสั่งในการลบแล้วค่าที่ได้มันติดลบให้แจ้งเป็น error อย่างเช่น 10-15 = - 5 ให้แจ้งเป็นerror ต้องเขียนประมาณไหนครับ ขอบคุณครับ

Date : 2020-11-11 13:35:15

By : Jo

No. 8

Chaidhanan

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

if .... else ธรรมดาเลย

Date : 2020-11-11 18:04:43

By : Chaidhanan

No. 9

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

ได้แล้วครับ ขอบคุณที่แนะนำครับ

ประวัติการแก้ไข
2020-11-12 15:22:41

Date : 2020-11-12 10:10:42

By : jo

ค้นหาข้อมูล

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

Re : Jquery คำนวนตัวเลข โดยเหตุการณ์ onkeypess โดยให้ผลลัพฑ์แสดงผลช่องที่ 3

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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