/Javascript/jQuery/Checkbox click event jquery

Checkbox click event jquery

JQuery is checkbox checked

//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
}

Jquery check checkbox

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);

Source: stackoverflow.com

Check a checkbox jquery

$('#grepperRocks').prop('checked', true);

Source: stackoverflow.com

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'));        
    });
});

Source: stackoverflow.com

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());
  }
});

Checkbox on click jquery

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

  $('#checkbox1').change(function() {
    $('#textbox1').val($(this).is(':checked'));
  });

  $('#checkbox1').click(function() {
    if (!$(this).is(':checked')) {
      return confirm("Are you sure?");
    }
  });
});

Source: stackoverflow.com

Similar codes

13 votes341 views4 answers
Jquery 3.2 1 min js download
Javascript jQuery
0 vote370 views1 answer
Get time from a date time in jquery
Javascript jQuery
18 votes342 views3 answers
Jquery ajax form submission
Javascript jQuery
39 votes372 views3 answers
Jquery value of input
Javascript jQuery
0 vote354 views1 answer
Json url data is not showing in console using jquery
Javascript jQuery
0 vote342 views1 answer
{status: success} get the value of status using jquery
Javascript jQuery
0 vote378 views1 answer
Selectores de jQuery CSS básicos
Javascript jQuery
0 vote304 views1 answer
JQuery delete all spans in a div
Javascript jQuery
1 vote302 views1 answer
Jquery make readonly textbox
Javascript jQuery
6 votes325 views6 answers
Add option to select jquery
Javascript jQuery