$('#my_checkbox').change(function() {
if (this.checked) {
alert('Checked');
} else {
alert('Not Checked');
}
});
ใช้การตรวจสอบด้วยอีเว้นต์ change แล้วตรวจสอบ this.checked ว่าเกิดขึ้นจริงหรือไม่
นอกจากนี้เรายังสามารถเขียนเป็นฟังก์ชั่นได้อีกด้วย
function isChecked(elem){
if (elem.checked) {
return true;
} else {
return false;
}
}
$(document).on('change', '#my_checkbox', function(){
if(isChecked(this) == true){
alert('Checked');
}else{
alert('Not Checked');
}
});
ตัวอย่างการเอามาใช้งาน เพื่อซ่อนแสดงคอลัมน์ที่ต้องการ
 |
| แสดงคอลัมน์ Authen SESSION |
 |
| ซ่อนเมื่อ uncheck ออกไป |
function setDisplayAuthen(elem){
if (elem.checked) {
$('.col_authen').show();
} else {
$('.col_authen').hide();
$('.col_authen input').val('');
}
}
$(document).on('change', '#login_require', function(){
setDisplayAuthen(this);
});
https://stackoverflow.com/questions/3442322/jquery-checkbox-event-handling