บทความที่เกี่ยวข้องกับ: checkbox

jQuery : วิธีการใช้ jquery ติ๊กเลือก checkbox หลายๆ ค่า

ถ้าหากตอนนี้เพื่อนๆ กำลังหาวิธีที่จะใช้ jQuery ในการเลือก input ที่เป็น checkbox หลายๆ ค่า มาถูกที่แล้วครับ ฮ่าๆ ๆ ซึ่ง jQuery จะมีฟังก์ชัน val() ที่ใช้สำหรับกำหนดค่าของ input ต่างๆ อยู่แล้วครับ โดยฟังก์ชันนี้จะรับค่าเป็นค่าเดี่ยวๆ หรือจะเป็น array ก็ได้ครับ

วิธีการเลือกเอา checkbox ด้วย jQuery

ไม่ได้อับเดทมานานสองเดือนเลยทีเดียวคิดถึงๆ ก็เลยหาเกร็ดเล็กเกร็ดน้อยมาอัพเดทซักนิดดีกว่า เอาเป็นวิธีการเลือก (selector) input ที่เป็น checkbox ด้วย jQuery ก็แล้วกันครับ

1. วิธีการดึงเอา input ที่เป็น checkbox ทั้งหมด

var allCheckbox=$('input:checkbox');

2. วิธีการดึงเอา input ที่เป็น checkbox ที่ถูกเลือก (checked)

var checkedList=$('input:checkbox:checked');

3. วิธีการดึงเอา input ที่เป็น checkbox ที่ไม่ถูกเลือก (uncheck)

var uncheckList=$('input:checkbox:not(:checked)');

ถ้าต้องการระบุชื่อของ checkbox นั้นด้วยก็เพิ่ม [name=checkboxname] เข้าไปครับ เช่น

var mycheckbox=$('input[name=mycheckbox]:checkbox:checked');

จะเป็นการดึงเอา checkbox ที่มีชื่อว่า mycheckbox ที่ถูกเลือก (checked) ครับ