<script type="text/javascript"> function abc() { var i = 1; var total =0; for(i = 1;i<=10;i++) { if(document.getElementById("name"+i).value!="") { total++; } } document.getElementById("result").innerHTML = total; } </script> <input type="text" name="name1" id="name1" onkeyup="abc()"> <input type="text" name="name2" id="name2" onkeyup="abc()"> <input type="text" name="name3" id="name3" onkeyup="abc()"> <input type="text" name="name4" id="name4" onkeyup="abc()"> <input type="text" name="name5" id="name5" onkeyup="abc()"> <input type="text" name="name6" id="name6" onkeyup="abc()"> <input type="text" name="name7" id="name7" onkeyup="abc()"> <input type="text" name="name8" id="name8" onkeyup="abc()"> <input type="text" name="name9" id="name9" onkeyup="abc()"> <input type="text" name="name10" id="name10" onkeyup="abc()"> <div id="result"></div>
Quote:ติดปัญหาเล็กน้อย เวลาเราจะลบในแต่ละช่องแล้วให้ ตัวเลขเปอร์เซนลดลงด้วยทำอย่างไรคะ
var chk = new Array(); var total=0; function abc(id) { if(chk[id]!=id){ chk[id]=id; total++; } document.getElementById("result").innerHTML = parseInt(total*100/14)+'%'; document.getElementById("loading").style.width = parseInt(total*100/14); }
<input type="text" name="Serial_No" id="name1" onChange="abc('1')"> สมมติมีช่องครบ14อัน <td bgcolor="#FF99FF" class="style8" id="loading" width="1px"><div id="result"></div></td>
var chk = new Array(); var total=0; function abc(id) { if(chk[id]!=id){ chk[id]=id; total++; } else { chk[id]=""; total--; } document.getElementById("result").innerHTML = parseInt(total*100/14)+'%'; document.getElementById("loading").style.width = parseInt(total*100/14); }
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง