Forgot Password ??

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

	Registered : 109,028

HOME > PHP > PHP Forum > สอบถามครับ การใช้ for loop ใน Javascript แล้วดึงค่าจาก Textbox ในฟอร์มครับ

สอบถามครับ การใช้ for loop ใน Javascript แล้วดึงค่าจาก Textbox ในฟอร์มครับ

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

donatokung

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

รบกวนสอบถามเกี่ยวกับ Java Script ครับ
ผมสร้างฟอร์มขึ้นมา ตั้งชื่อ Textbox1,Textbox2,Textbox3,...,Textbox15
กรอกข้อมูลที่เป็นตัวเลข พอ submit แล้วต้องการให้ javascript ดึงค่าใน Textbox ทั้งหมดนี้มาด้วยวิธีการ for loop ครับ
ประมาณนี้ครับ

Code (JavaScript)

<script language="JavaScript">
    function fncSum() {
     var total=0;
          for (var i=1 ; i<=15 ; i++) {
              var tbxName="Textbox" + i; //จะได้ Textbox1,....,Textbox15
              total += this.tbxName.value; //รวมค่าทั้งหมดในตัวแปร total
          }
      }
    alert(total);
</script>

แต่มันดึงค่าใน Textbox ไม่ยอมมา ใครพอมีวิธีแนะนำบ้างครับ

Tag : PHP, JavaScript

Date : 2015-08-21 21:24:53

By : akachaik

View : 1440

Reply : 2

No. 1

donatokung

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

สมมุติว่าถ้าผมไม่ใช้ for loop ผมจะต้องดึงค่าทีละค่ามา + กันถูกต้องไหมครับ เช่น

var total = this.Textbox1.value + this.Textbox2.value + this.Textbox3.value + this.Textbox4.value + ..... + this.Textbox5.value

ซึ่งถ้ามีแค่ 15 Textbox ยังพอไหว แต่ถ้ามีเป็น 100 Textbox คงไม่ไหวแน่

ประวัติการแก้ไข
2015-08-21 21:28:51
2015-08-21 21:31:46

Date : 2015-08-21 21:28:04

By : akachaik

No. 2

NewbieXYZ

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

กำหนดคลาส เดียวกันสำหรับออปเจคที่ต้องการ sum
ตัวอย่าง ทดสอบ
Code (PHP)

<!doctyp html><html><head><meta charset="utr8"><title>getElementsByClassNames</title>
<script language="JavaScript">
function fncSum() {
   var total=0, obj_for_sum = document.getElementsByClassName('fornum'), c = obj_for_sum.length;
   for (var i=0 ; i<c ; i++) {
      total += (obj_for_sum.item(i).value * 1); // รวมค่าทั้งหมดในตัวแปร total
   }
   alert(total);
}
</script>
</head>
<body>
<input class="fornum" name="textbox1">
<input class="fornum" name="textbox2">
<input class="fornum" name="textbox3">
<button onclick=fncSum()>Sum</button>
</body>
</html>

Date : 2015-08-22 05:06:19

By : NewbiePHP

ค้นหาข้อมูล

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

Re : สอบถามครับ การใช้ for loop ใน Javascript แล้วดึงค่าจาก Textbox ในฟอร์มครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

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

Load balance : Server 03