jQuery ตรวจสอบค่าของ Checkbox ด้วยคำสั่ง prop

jQuery ตรวจสอบค่าของ Checkbox ด้วยคำสั่ง prop บทความนี้สอนการใช้คำสั่ง prop กับ element Checkbox เพื่อตรวจสอบค่าว่าติ๊กถูกหรือไม่ โดยจะคืนค่าเป็น true และ false สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง jQuery ตรวจสอบค่าของ Checkbox ด้วยคำสั่ง prop

<input type="checkbox" id="chk"> ยอมรับเงื่อนไข

<script>
    $("#chk").click(function(){
        console.log( $(this).prop("checked") );
    });
</script>

ผลลัพธ์

true
false

jQuery ตรวจสอบค่าของ Checkbox ด้วยคำสั่ง prop กรณีถ้าติ๊กถูกที่ Checkbox คำสั่ง prop("checked") จะคืนค่าเป็น true กลับกันถ้าไม่ได้ติ๊กถูก จะคืนค่าเป็น false แสดงผลด้วยคำสั่ง console.log