Forgot Password ??

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

	Registered : 109,038

HOME > PHP > PHP Forum > รบกวนช่วยแนะนำการใช้ JavaScript ในการบวกลบตัวเลขด้วยคะ

รบกวนช่วยแนะนำการใช้ JavaScript ในการบวกลบตัวเลขด้วยคะ

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

mew

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

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

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" />
<title>Report</title>

<script>
function myFunction() {
	if(document.frm1.score1.value !=""){
		if((document.frm1.score1.value>=100)|| (document.frm1.score1.value <=96)){
    		document.frm1.st1.value=(document.frm1.st1.value+1);
		}else{
			document.frm1.st1.value=(document.frm1.st1.value-1);
		}		
	}
}
</script>
</head>

<body>
สรุปรายงานคะแนนแยกเป็นรายวิชา
<input type="text" name="subjects" id="subjects" />
คิดเป็น % เทอมที่ 
<input type="text" name="term" id="term" />
<form id="frm1" name="frm1" method="post" action="report.php" enctype="multipart/form-data">
        <table width="1038" border="1">
          <tr>
            <td>ลำดับที่</td>
            <td>ชื่อ-นามสกุล</td>
            <td>ข้อมูลเฉพาะ</td>
            <td>เพศ</td>
            <td>คะแนน</td>
            <td>หมายเหตุ</td>
          </tr>
          <tr>
            <td align="center">1<input name="numr1" type="hidden" id="numr1" value="1" /></td>
            <td><input type="text" name="name1" id="name1" /></td>
            <td><input type="text" name="trans_c1" id="trans_c1" /></td>
            <td><select name="type_c1" id="type_c1">
              <option value="M">M</option>
                <option value="Y">Y</option>
                
            </select></td>
            <td><input name="score1" type="text" id="score1" size="8" onkeypress="myFunction()"/></td>
            <td><input type="text" name="remark1" id="remark1" /></td>
          </tr>
          <tr>
            <td align="center">2
            <input name="numr2" type="hidden" id="numr2" value="2" /></td>
            <td><input type="text" name="name2" id="name2" /></td>
            <td><input type="text" name="trans_c2" id="trans_c2" /></td>
            <td><select name="type_c2" id="type_c2">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score2" type="text" id="score2" size="8" /></td>
            <td><input type="text" name="remark2" id="remark2" /></td>
          </tr>
          <tr>
            <td align="center">3
            <input name="numr3" type="hidden" id="numr3" value="3" /></td>
            <td><input type="text" name="name3" id="name3" /></td>
            <td><input type="text" name="trans_c3" id="trans_c3" /></td>
            <td><select name="type_c3" id="type_c3">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score3" type="text" id="score3" size="8" /></td>
            <td><input type="text" name="remark3" id="remark3" /></td>
          </tr>
          <tr>
            <td align="center">4
            <input name="numr4" type="hidden" id="numr4" value="4" /></td>
            <td><input type="text" name="name4" id="name4" /></td>
            <td><input type="text" name="trans_c4" id="trans_c4" /></td>
            <td><select name="type_c4" id="type_c4">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score4" type="text" id="score4" size="8" /></td>
            <td><input type="text" name="remark4" id="remark4" /></td>
          </tr>
          <tr>
            <td align="center">5
            <input name="numr5" type="hidden" id="numr5" value="5" /></td>
            <td><input type="text" name="name5" id="name5" /></td>
            <td><input type="text" name="trans_c5" id="trans_c5" /></td>
            <td><select name="type_c5" id="type_c5">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score5" type="text" id="score5" size="8" /></td>
            <td><input type="text" name="remark5" id="remark5" /></td>
          </tr>
          <tr>
            <td align="center">6
            <input name="numr6" type="hidden" id="numr6" value="6" /></td>
            <td><input type="text" name="name6" id="name6" /></td>
            <td><input type="text" name="trans_c6" id="trans_c6" /></td>
            <td><select name="type_c6" id="type_c6">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score6" type="text" id="score6" size="8" /></td>
            <td><input type="text" name="remark6" id="remark6" /></td>
          </tr>
          <tr>
            <td align="center">7
            <input name="numr7" type="hidden" id="numr7" value="7" /></td>
            <td><input type="text" name="name7" id="name7" /></td>
            <td><input type="text" name="trans_c7" id="trans_c7" /></td>
            <td><select name="type_c7" id="type_c7">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score7" type="text" id="score7" size="8" /></td>
            <td><input type="text" name="remark7" id="remark7" /></td>
          </tr>
          <tr>
            <td align="center">8
            <input name="numr8" type="hidden" id="numr8" value="8" /></td>
            <td><input type="text" name="name8" id="name[8]" /></td>
            <td><input type="text" name="trans_c8" id="trans_c8" /></td>
            <td><select name="type_c8" id="type_c8">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score8" type="text" id="score8" size="8" /></td>
            <td><input type="text" name="remark8" id="remark8" /></td>
          </tr>
          <tr>
            <td align="center">9
            <input name="numr9" type="hidden" id="numr9" value="9" /></td>
            <td><input type="text" name="name[9]" id="name[9]" /></td>
            <td><input type="text" name="trans_c9" id="trans_c9" /></td>
            <td><select name="type_c9" id="type_c9">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score9" type="text" id="score9" size="8" /></td>
            <td><input type="text" name="remark9" id="remark9" /></td>
          </tr>
          <tr>
            <td align="center">10
            <input name="numr10" type="hidden" id="numr10" value="10" /></td>
            <td><input type="text" name="name[10]" id="name[10]" /></td>
            <td><input type="text" name="trans_c10" id="trans_c10" /></td>
            <td><select name="type_c10" id="type_c10">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score10" type="text" id="score10" size="8" /></td>
            <td><input type="text" name="remark10" id="remark10" /></td>
          </tr>
          <tr>
            <td align="center">11
            <input name="numr11" type="hidden" id="numr11" value="11" /></td>
            <td><input type="text" name="name11" id="name11" /></td>
            <td><input type="text" name="trans_c11" id="trans_c11" /></td>
            <td><select name="type_c11" id="type_c11">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score11" type="text" id="score11" size="8" /></td>
            <td><input type="text" name="remark11" id="remark11" /></td>
          </tr>
          <tr>
            <td align="center">12
            <input name="numr12" type="hidden" id="numr12" value="12" /></td>
            <td><input type="text" name="name12" id="name12" /></td>
            <td><input type="text" name="trans_c12" id="trans_c12" /></td>
            <td><select name="type_c12" id="type_c12">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score12" type="text" id="score12" size="8" /></td>
            <td><input type="text" name="remark12" id="remark12" /></td>
          </tr>
          <tr>
            <td align="center">13
            <input name="numr13" type="hidden" id="numr13" value="13" /></td>
            <td><input type="text" name="name13" id="name13" /></td>
            <td><input type="text" name="trans_c13" id="trans_c13" /></td>
            <td><select name="type_c13" id="type_c13">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score13" type="text" id="score13" size="8" /></td>
            <td><input type="text" name="remark13" id="remark13" /></td>
          </tr>
          <tr>
            <td align="center">14
            <input name="numr14" type="hidden" id="numr14" value="14" /></td>
            <td><input type="text" name="name14" id="name14" /></td>
            <td><input type="text" name="trans_c14" id="trans_c14" /></td>
            <td><select name="type_c14" id="type_c14">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score14" type="text" id="score14" size="8" /></td>
            <td><input type="text" name="remark14" id="remark14" /></td>
          </tr>
          <tr>
            <td align="center">15
            <input name="numr15" type="hidden" id="numr15" value="15" /></td>
            <td><input type="text" name="name15" id="name15" /></td>
            <td><input type="text" name="trans_c15" id="trans_c15" /></td>
            <td><select name="type_c15" id="type_c15">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score15" type="text" id="score15" size="8" /></td>
            <td><input type="text" name="remark15" id="remark15" /></td>
          </tr>
          <tr>
            <td align="center">16
            <input name="numr16" type="hidden" id="numr16" value="16" /></td>
            <td><input type="text" name="name16" id="name16" /></td>
            <td><input type="text" name="trans_c16" id="trans_c16" /></td>
            <td><select name="type_c16" id="type_c16">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score16" type="text" id="score16" size="8" /></td>
            <td><input type="text" name="remark16" id="remark16" /></td>
          </tr>
          <tr>
            <td align="center">17
            <input name="numr17" type="hidden" id="numr17" value="17" /></td>
            <td><input type="text" name="name17" id="name17" /></td>
            <td><input type="text" name="trans_c17" id="trans_c17" /></td>
            <td><select name="type_c17" id="type_c17">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score17" type="text" id="score17" size="8" /></td>
            <td><input type="text" name="remark17" id="remark17" /></td>
          </tr>
          <tr>
            <td align="center">18
            <input name="numr18" type="hidden" id="numr18" value="18" /></td>
            <td><input type="text" name="name18" id="name18" /></td>
            <td><input type="text" name="trans_c18" id="trans_c18" /></td>
            <td><select name="type_c18" id="type_c18">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score18" type="text" id="score18" size="8" /></td>
            <td><input type="text" name="remark18" id="remark18" /></td>
          </tr>
          <tr>
            <td align="center">19
            <input name="numr19" type="hidden" id="numr19" value="19" /></td>
            <td><input type="text" name="name19" id="name19" /></td>
            <td><input type="text" name="trans_c19" id="trans_c19" /></td>
            <td><select name="type_c19" id="type_c19">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score19" type="text" id="score19" size="8" /></td>
            <td><input type="text" name="remark19" id="remark19" /></td>
          </tr>
          <tr>
            <td align="center">20
            <input name="numr20" type="hidden" id="numr20" value="20" /></td>
            <td><input type="text" name="name20" id="name20" /></td>
            <td><input type="text" name="trans_c20" id="trans_c20" /></td>
            <td><select name="type_c20" id="type_c20">
              <option value="M">M</option>
              <option value="Y">Y</option>
              
            </select></td>
            <td><input name="score20" type="text" id="score20" size="8" /></td>
            <td><input type="text" name="remark20" id="remark20" /></td>
          </tr>
        </table>


<br />
        <table width="1053">
            <tr>
                <td>
                <table width="705" border="1">
          <tr>
            <td colspan="4">เงื่อนไข (ภายใต้ นโยบาย )</td>
          </tr>
          <tr>
            <td width="255">&nbsp;</td>
            <td width="166">&nbsp;</td>
            <td width="127">&nbsp;</td>
            <td width="129"><input type="submit" name="button" id="button" value="Submit" /></td>
          </tr>
          <tr>
            <td>1.100-96</td>
            <td>จำนวน
              <input name="st1" type="text" id="st1" size="2" /> 
              คน
</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>2.95-91</td>
            <td>จำนวน
              <input name="st2" type="text" id="st2" size="2" />
            คน</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>3.90-85</td>
            <td>จำนวน
              <input name="st3" type="text" id="st3" size="2" /> 
              คน
</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>4.85 </td>
            <td>จำนวน
              <input name="st4" type="text" id="st4" size="2" />
            คน</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table>
    </td>
           </tr>
        </table>

</form>
</body>
</html>

Tag : PHP, HTML/CSS, JavaScript, Action Script, Ajax, jQuery

Date : 2017-01-05 16:13:07

By : mew

View : 1548

Reply : 3

No. 1

Guest

ลองไปนั่งแกะดูครับ

Code (PHP)

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>score</title>
  </head>
  <body>
    <form>
      <p>score</p>
      <input type="text" class="scoreInput"><br>
      <input type="text" class="scoreInput"><br>
      <input type="text" class="scoreInput"><br>
      <input type="text" class="scoreInput"><br>
      <button onclick="calc();return false;">calc</button>&nbsp;&nbsp;<button onclick="resetCalc();return false;">reset</button>
      <hr>
      <p>result</p>
      <label>100-96 </label><input type="text" id="result1" value="0"><br>
      <label>95-91 </label><input type="text" id="result2" value="0"><br>
      <label>90-86 </label><input type="text" id="result3" value="0"><br>
      <label>85 </label><input type="text" id="result4" value="0"><br>
    </form>
    <script>
      //input element
      var inputScore = document.getElementsByClassName('scoreInput');
      //total element
      var loop = inputScore.length;
      /*
      * calculator score
      */
      function calc(){
        //add event
        for(i=0;i<loop;i++){
          var val = inputScore[i].value;
          switch(true){
            case 101 > val && val > 95:
              document.getElementById('result1').value = parseInt(document.getElementById('result1').value) + 1;
              break;
            case 96 > val && val > 90:
              document.getElementById('result2').value = parseInt(document.getElementById('result2').value) + 1;
              break;
            case 91 > val && val > 85:
              document.getElementById('result3').value = parseInt(document.getElementById('result3').value) + 1;
              break;
            case 86 > val:
              document.getElementById('result4').value = parseInt(document.getElementById('result4').value) + 1;
              break;
          }
        }
      }
      /*
      * reset calc
      */
      function resetCalc(){
        document.getElementById('result1').value = 0;
        document.getElementById('result2').value = 0;
        document.getElementById('result3').value = 0;
        document.getElementById('result4').value = 0;
      }
    </script>
  </body>
</html>

Date : 2017-01-05 18:05:16

By : [email protected]

No. 2

mew

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

ช่วยด้วยคะ พี่noMerzy มิวยังทำไม่ได้เลย

Date : 2017-01-09 16:48:20

By : mew

No. 3

Guest

ตอบความคิดเห็นที่ : 2 เขียนโดย : mew เมื่อวันที่ 2017-01-09 16:48:20

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

หลักการจากคุณมิวทำมา ดึงค่าจากช่อง textbox เสร็จ แล้วใช้ parseInt แปลงจากตัวอักษรเป็นตัวเลข

ถึงจะสามารถทำนิพจน์ต่างๆได้

เพราะว่าถ้าดึง document.frm1.st1.value ค่าที่ได้มาจะเป็นตัวอักษรไม่สามารถทำนิพจน์ถูกต้องได้

ตองทำCode (JavaScript)

 var num1 = parseInt(document.frm1.st1.value);

ก่อนแล้วเอาตัวแปรไปทำกาคำนวณต่อครับ
เช่น

Code (JavaScript)

var num1 = parseInt(document.frm1.st1.value);
var num2 = parseInt(document.frm1.st2.value);

var total = num1 + num2;

Date : 2017-01-12 08:42:23

By : Tya

ค้นหาข้อมูล

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

Re : รบกวนช่วยแนะนำการใช้ JavaScript ในการบวกลบตัวเลขด้วยคะ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

Registered : 109,038