checkbox checked event jquery code example

Example 1: jQuery checkbox changed event

//jQuery listen for checkbox change
$("#myCheckBoxID").change(function() {
    if(this.checked) {
        //I am checked
    }else{
        //I'm not checked
    }
});

Example 2: How to check whether a checkbox is checked in jQuery?

//using plane javascript 
if(document.getElementById('on_or_off_checkbox').checked) {
    //I am checked
} 

//using jQuery
if($('#on_or_off_checkbox').is(':checked')){
    //I am checked
}

Example 3: events on checkbox in jquery

$(document).ready(function() {
    //set initial state.
    $('#textbox1').val($(this).is(':checked'));

    $('#checkbox1').change(function() {
        if($(this).is(":checked")) {
            var returnVal = confirm("Are you sure?");
            $(this).attr("checked", returnVal);
        }
        $('#textbox1').val($(this).is(':checked'));        
    });
});

Example 4: oncheck event jquery

$(".checkbox").change(function() {
    if(this.checked) {
        //Do stuff
    }
});

Example 5: jquery in checkbox checked

// Check a checkbox
$(selector).prop('checked', true);
// Un-check a checkbox
$(selector).prop('checked', false);
// Determine if checked or not
isChecked = $(selector).prop('checked');

Example 6: checkbox click event jquery

$('input[type="checkbox"]').click(function(){
  if($(this).is(":checked")){
    //input element where you put value
    $("#isClicked").val("Yes");
    // console.log($("#isClicked").val());              
  }
  else if($(this).is(":not(:checked)")){
    $("#isClicked").val("");
    //  console.log( $("#isClicked").val());
  }
});