Forgot Password ??

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

	Registered : 109,027

HOME > PHP > PHP Forum > สอบถามการบวกเลขโดยใช้ javascript ให้บวกเลขอัตโนมัติครับ ตอนนี้มีปัญหา(อาจเล็กน้อยเพราะความรู้ยังไม่เข้าใจหลักการครับ)

สอบถามการบวกเลขโดยใช้ javascript ให้บวกเลขอัตโนมัติครับ ตอนนี้มีปัญหา(อาจเล็กน้อยเพราะความรู้ยังไม่เข้าใจหลักการครับ)

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

TC-Chatmongkol Chanjaroen

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

ผมจะทำระบบบันทึกคะเเนนครับ พอดึงข้อมูลชื่อนักเรียนออกมาเเล้วจะใช้ตัว javascript เข้าช่วยการบวกให้บวกอัตโนมัติ ผมติดปัญหาอยู่ว่าจะทำยังไงให้มันบวกกันได้เเบบ record นั้น ผมเขียนมาเขียนไปเเบบเด็ก ม.6 ที่สนใจครับขอผู้รู้ช่วยเเก้โค้ดงูๆปลาๆของผมทีครับ เขียนเเบบง่ายๆก่อนครับเเล้วผมจะค่อยพัฒนาต่อไปครับ

Code (PHP)

<form action="page.cgi" method="post" name="form1">

<table width="100%" border="1">
  <tr>
    <td colspan="6">ผลการเรียน</td>
  </tr>
  <tr>
    <td>ชื่อ</td>
    <td>นามสกุล</td>
    <td>คะเเนน1</td>
    <td>คะเเนน2</td>
    <td>รวม</td>
    <td>เกรด</td>
  </tr>
  <tr>


  
  
<?php include_once "connDB.php";?>  
<?php 
$query=mysqli_query($conn,"select * from grade Where id");
while($arr = mysqli_fetch_array($query)){
  ?>  

    <td><?php echo $arr['id']?><?php echo $arr['name']?></td>
    <td><?php echo $arr['lastname']?></td>
    <td><input type="text" name="text1" id="text<?php echo $arr['id']?>1" value="" Onchange="JavaScript:return fnccheck();"/></td>
    <td><input type="text" name="text2" id="text<?php echo $arr['id']?>2" Onchange="JavaScript:return fnccheck();"/></td>
    <td><input type="text" name="total3" id="total<?php echo $arr['id']?>3" value="0" /></td>
    <td><input type="text" name="G4"     id="G<?php echo $arr['id']?>4" size="5" maxlength="3" /></tr>
  
  
<?php }  ?>
<script language="javascript">
function fnccheck(){
var t1;
var t2;
var sum;
var G;
//var U='30';

                           
		t1=parseFloat(document.form1.text<?php echo $arr['id']?>1.value*1);
		t2=parseFloat(document.form1.text<?php echo $arr['id']?>2.value*1);
              
	
	sum=t1+t2;
	document.form1.total<?php echo $arr['id']?>3.value=sum;
 
if (document.form1.total<?php echo $arr['id']?>3.value<49)

{

document.form1.G<?php echo $arr['id']?>4.value='0';
}
else document.form1.G<?php echo $arr['id']?>4.value='1';


	}



</script>

</table>
</form>

Tag : PHP, JavaScript, FuelPHP

Date : 2019-10-02 11:50:09

By : chatmongkol.chan

View : 1823

Reply : 5

No. 1

Genesis™

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

Example
Code (PHP)

<table id="tbMain">
  <tr>
    <td>Prayut</td>
    <td>JanAungkran</td>
    <td><input type="number" rel="1" id="point1_1"  value=""/></td> //rel เก็บค่าแถว id point เลขตัวแรกคือเลขตัวเดียวกับ rel
    <td><input type="number" rel="1" id="point1_2" value=""/></td>
    <td><input type="number" rel="1" id="total1" value="" readonly /></td>
    <td><span id="1"></span></td>
  </tr>
</table>

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
<script>
$(document).ready(function(){

  $('#tbMain').on('keyup','input',function(e){ // จาก tbMain เมื่อกด input keyup
    e.preventDefault();
    var rel=''; // variable
    var grade=''; // variable
    rel=$(this).attr('rel'); //ดึงค่า attr rel input ที่กรอก

    point1=parseInt($('#point'+rel+'_1').val()); //แปลงค่าจำนวนเต็ม
    point2=parseInt($('#point'+rel+'_2').val());//แปลงค่าจำนวนเต็ม
    total=point1+point2 //คำนวน
    $('#total'+rel).val(total); //ค่าคำนวนใส่ในช่อง total

	//condition
    if(total < 50){
      grade='f';
    }else if(total >= 50 && total <=59){
          grade='D';
    }else if(total >= 60 && total <=69){
      grade='C';
    }else if(total >= 70 && total <=79){
      grade='B';
    }else if(total >= 80){
      grade='A';
    }
    $('#'+rel).empty().append(grade);//ทำ span ให้เป็นค่าว่าง ยัดค่าเข้าไปใน id ตำแหน่ง rel

  });

});
</script>

ประวัติการแก้ไข
2019-10-02 15:01:54

Date : 2019-10-02 13:34:49

By : dudesaranyu

No. 2

TC-Chatmongkol Chanjaroen

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : dudesaranyu เมื่อวันที่ 2019-10-02 13:34:49

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

ลองทำเเล้วครับเเต่มันคำนวณ record เดียวครับ ควรปรับเเก้ตรงไหนครับขอคำชี้เเนะครับ
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">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">

<title>&lt;&lt; คำนวณคะเเนน &gt;&gt;</title>


<form action="page.cgi" method="post" name="form1">

<table width="100%" border="1" id="jj">
  <tr>
    <td colspan="6">ผลการเรียน</td>
  </tr>
  <tr>
    <td>ชื่อ</td>
    <td>นามสกุล</td>
    <td>คะเเนน1</td>
    <td>คะเเนน2</td>
    <td>รวม</td>
    <td>เกรด</td>
  </tr>
  <tr>


  
  
<?php include_once "connDB.php";?>  
<?php 
$query=mysqli_query($conn,"select * from grade Where id");
while($arr = mysqli_fetch_array($query)){
  ?>  

    <td><?php echo $arr['id']?><?php echo $arr['name']?></td>
    <td><?php echo $arr['lastname']?></td>
    <td><input type="text" rel="1" id="point<?php echo $arr['id']?>_1" value="" </td>
    <td><input type="text"  rel="1" id="point<?php echo $arr['id']?>_2"</td>
    <td><input type="text" rel="1" id="total<?php echo $arr['id']?>" value="" /></td>
    <td><input type="text" rel="1" id="G<?php echo $arr['id']?>" size="5" maxlength="3" /></tr>
  
  
<?php }  ?>

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
<script>
$(document).ready(function(){

  $('#jj').on('keyup','input',function(e){
    e.preventDefault();
    var rel='';
    var grade='';
    rel=$(this).attr('rel');

    point1=parseInt($('#point'+rel+'_1').val());
    point2=parseInt($('#point'+rel+'_2').val());
    total=point1+point2
    $('#total'+rel).val(total);

    if(total < 50){
      grade='f';
    }else if(total >= 50 && total <=59){
      grade='D';
    }else if(total >= 60 && total <=69){
      grade='C';
    }else if(total >= 70 && total <=79){
      grade='B';
    }else if(total >= 80){
      grade='A';
    }
    $('#'+rel).empty().append(grade);

  });

});
</script>


</table>
</form>


</body>
</html>

ประวัติการแก้ไข
2019-10-02 15:06:29

Date : 2019-10-02 15:05:24

By : chatmongkol.chan

No. 3

TC-Chatmongkol Chanjaroen

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

ประวัติการแก้ไข
2019-10-02 20:28:03

Date : 2019-10-02 15:09:08

By : chatmongkol.chan

No. 4

Genesis™

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

34-39 rel ปรับค่าเป็น id
70
Code (PHP)

$('#G'+rel).val(grade);

ลองแก้ไขด้วยตัวเองก่อน ลองพยายามดู บอกได้แค่แนวทาง ไม่อยากบอกคำตอบ จะได้พัฒนาต่อ
ให้คนอื่นทำ เดี๋วโทรฟ้องจาร

ประวัติการแก้ไข
2019-10-02 18:09:28
2019-10-02 18:11:10

Date : 2019-10-02 18:00:44

By : dudesaranyu

No. 5

TC-Chatmongkol Chanjaroen

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : dudesaranyu เมื่อวันที่ 2019-10-02 13:34:49

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

ขอบคุณครับ

Date : 2019-10-02 20:27:31

By : chatmongkol.chan

ค้นหาข้อมูล

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

Re : สอบถามการบวกเลขโดยใช้ javascript ให้บวกเลขอัตโนมัติครับ ตอนนี้มีปัญหา(อาจเล็กน้อยเพราะความรู้ยังไม่เข้าใจหลักการครับ)

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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