สร้างปุ่ม Check ALL ให้กับรายการที่มีการใช้ Checkboxes (เลือกทั้งหมด) [Article ID : 138]

เรื่อง : การสร้างปุ่มเลือก Checkbox ทั้งหมด (Check All for Checkboxes)

Checkbox เป็น Input รูปแบบนึงที่นักพัฒนาเว็บใช้กันอยู่เป็นประจำ และสำหรับผู้ใช้งานเว็บก็มักพบเห็นกันอยู่โดยมาก เช่น ที่ inbox ของ e-mail ที่ใช้งาน จะพบว่ามี Checkbox อยู่ด้านหน้ารายการ e-mail เพื่อใช้เลือกเมลล์ที่ต้องการจะจัดการ เช่น ต้องการลบ ต้องการย้ายไปยัง Folder อื่น ดังรูป หากผู้พัฒนาเว็บไม่สร้าง Option สำหรับให้ผู้ใช้งานได้เลือกทั้งหมดแล้ว ผู้ใช้งานอาจจะต้องยุ่งยากที่ต้องติ๊กเลือกทีละรายการจนครบ ดังนั้น จึงขอแนะนำการสร้าง Option สำหรับการเลือก Checkbox ทั้งหมดว่าจะมีวิธีการอย่างไร โดยไม่ต้องยุ่งยากเขียนโค้ด JavaScript ด้วยตนเอง ซึ่งท่านสามารถเข้ารับชมได้จาก Clip ด้านล่างนี้

คลิปประกอบบทความ

สำหรับไฟล์ Extension สามารถ Download ได้จากหน้า Extension ของเว็บ DwThai.Com ครับ หรือคลิกได้จากหน้าคลิปครับ

*คลิกที่โลโก้ YouTube เพื่อเข้าดูที่ยูทูปนะครับ จะสามารถขยายจอดูได้

About the Author

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com

บทความอื่นที่คุณอาจสนใจ

เริ่มต้นรู้จักกับ Extensions และการติดตั้ง Extension

เรื่อง : เริ่มต้นรู้จักกับ Extensions และการติดตั้ง Extension ให้กับโปรแกรม Dreamweaver Dreamweaver Extension...  

การสร้าง Gallery รูปภาพแบบกดรูปแล้วขยายได้ด้วย Lightbox for Dreamweaver

เรื่อง : Image Gallery ด้วย Lightbox for Dreamweaver (่jQuery) การสร้างห้องแสดงภาพหรือที่เราอาจเรียกก...  

การใช้ jQuery Ui Calendar Extension

เรื่อง : การใช้ jQuery Ui Calendar Extension *Dreamweaver เวอร์ชั่น CC ไม่จำเป็นต้องติดตั้ง Extension ก็สามารถใช้งาน jQuery Ui Calendar ...  

Extension ช่วยเขียนภาษา PHP

เรื่อง : Extension ช่วยเขียน PHP ไม่ได้ทำการ Update เนื้อหาที่หน้า Extension กันสะนาน มาในครั้งนี้จะเป็นการแนะ...