การใช้ jQuery ดึงค่า checkbox ที่ถูกเลือกใน JavaScript

คำอธิบาย

ใช้ jQuery selector input[name="checkDemo"]:checked ร่วมกับ each() เพื่อดึงค่าของ checkbox ที่ถูกเลือก

ตัวอย่างโค้ด (HTML + jQuery)

<input type="checkbox" name="checkDemo" id="check1" value="Cricket" />
<label for="check1">Cricket</label>
<input type="checkbox" name="checkDemo" id="check2" value="Listening Music" />
<label for="check2">Listening Music</label>
<input type="checkbox" name="checkDemo" id="check3" value="Reading NewsPaper" />
<label for="check3">Reading NewsPaper</label>
<button type="button">Click Me</button>

<script>
$(document).ready(function () {
  $("button").click(function () {
    $('input[name="checkDemo"]:checked').each(function () {
      console.log(this.value);
    });
  });
});
</script>

ผลลัพธ์

คลิกปุ่มแล้วแสดงค่า value ของ checkbox ที่ถูกเลือกใน console