เราขอแนะนำตัวอย่างโค้ด เทคนิค วิธีการดึงค่า multiple value จาก checkbox ด้วย jQuery โดยเทคนิคนี้ มักจะใช้กันในกรณีที่เราต้องการดึงค่าจาก Form ที่มีตัวเลือก Checkbox หลายๆ ตัวเพื่อส่งไปยัง Function อื่นๆ อย่างเช่น การ Validate หรือการบันทึกข้อมูล เป็นต้น ส่วนวิธีทำ จะทำยังไง ลองตามมาดูจ้า
ตัวอย่าง เทคนิค วิธีการดึงค่า multiple value จาก checkbox ด้วย jQuery
โดยตัวอย่างโค้ด เราจะสร้าง Checkbox ขึ้นมา 5 ตัวเลือก จากนั้นเมื่อคลิกเลือกตัวเลือกใน Form แล้วคลิกปุ่ม "Get Value" Method ในฝั่ง Javascript จะทำการดึงค่า value จาก Checkbox แล้วนำไปแสดงที่ Textbox ด้านล่าง ส่วนตัวการอย่างการใช้งานคุณสามารถทดทองใช้งานเองได้เลยที่ฟอร์มด้านล่างนี้
See the Pen Get multiple checkbox values using jQuery by Kiti Chan Boyd (@kiti-chan-boyd) on CodePen.
บทความอื่น ๆ ที่เกี่ยวข้องกับ Javascript/jQuery
- Bootstrap datepicker thai วิธีทำ datepicker php ภาษาไทย
- Code script เช็คเลขบัตรประชาชน แบบ Real-time
- Code script ตรวจสอบรูปแบบ URL pattern แบบ Real-time
- Code script ตรวจสอบรูปแบบ Email pattern แบบ Real-time
- Javascript เปิด/ปิด ซ่อน/แสดง Element โดยใช้ jQuery แบบต่างๆ
- Javascript เทคนิค Check & Get ค่า Hash จาก URL
- Javascript หาวันที่ นับจากวันที่ ที่กำหนด เช่น วันที่ ในอีก 7 วันถัดไปจากวันนี้
- แจกฐานข้อมูล จังหวัด อำเภอ ตำบล และ Dropdown jQuery Ajax
- วิธีทำ Textbox Autocomplete จากฐานข้อมูล ด้วย jQuery Ajax
- วิธีทำ Search Table การ Filter ซ่อน/แสดง row เมื่อกรอก Textbox
- เทคนิค วิธีการ Set Delay ให้กับ Function Javascript
- เทคนิค วิธีการดึงค่า multiple value จาก checkbox ด้วย jQuery
เป็นยังไงกันบ้างคะสำหรับบทความ เทคนิค วิธีการดึงค่า multiple value จาก checkbox ด้วย jQuery ดูเพลินก็หวังว่าบทความของเราจะเป็นประโยชน์ต่อท่านไม่มากก็น้อย นอกจากนี้ เรายังมีบทความดี ๆ อีกมากมาย คุณสามารถลองคลิกเขาไปอ่านบทความอื่น ๆ ตามลิงค์ด้านล่างได้เลย