<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>
<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>
<!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><< คำนวณคะเเนน >></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>
$('#G'+rel).val(grade);
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
