ทำปุ่ม Check All ให้กับ Form

สังคมแห่งการแบ่งปันความรู้ ข้อมูล ข่าวสาร

ตั้งเป็นหน้าแรก

สมัครเข้าร่วมแบ่งปัน

MeTuKYang > Scripts > Javascript > ทำปุ่ม Check All ให้กับ Form

ส่วน Head <script language="JavaScript"> var checkflag = "false"; function check(field) { if (checkflag == "false") { for (i = 0; i < field.length; i++) { field[i].checked = true;} checkflag = "true"; return "Uncheck All"; } else { for (i = 0; i < field.length; i++) { field[i].checked = false; } checkflag = "false"; return "Check All"; } } </script> ส่วน Body <form name=myform action="" method=post> <br><br>คุณชอบเว็ปแบบไหน<br> <input type=checkbox name=list value="1">โหลดเร็ว<br> <input type=checkbox name=list value="2">เนื้อหาเยอะ<br> <input type=checkbox name=list value="3">อัปเดทบ่อย<br> <input type=checkbox name=list value="4">สวยงาม<br> <input type=checkbox name=list value="5">เรียบๆ<br> <input type=button value="Check All" onClick="this.value=check(this.form.list)" style="width:100"> </form>		ตัวอย่าง example : คุณชอบเว็ปแบบไหน โหลดเร็ว เนื้อหาเยอะ อัปเดทบ่อย สวยงาม เรียบๆ วิธีใช้ : 1.นำ script ด้านซ้ายนี้ไปไว้ในส่วน <head></head> 2.นำ script ด้านล่างไปไว้ส่วน <body></body>ตรงตำแหน่งที่ต้องการ การปรับแต่ง : 1.ปรับข้อความการแสดงผลในส่วน <body></body>