Home/ Questions/Oncheck Checkbox Jquery
Next
In Process
Sergio Davis
  • 8
Asked: 2022-04-22T02:25:26+00:00 In:

Oncheck Checkbox Jquery

  • 8

. Advertisement .

..3..

. Advertisement .

..4..

I have tried to run the code for the oncheck checkbox jquery but it can not run as expected. So, offer me the solution please!

♦ Suggestions of ITtutoria Team

The jQuery method provides a simple, efficient, and reliable way to monitor the current state of a checkbox. It works pretty well in all conditions because every checkbox has a checked property that specifies the checked or unchecked 

You can also use jQuery selectors to check the state of the checkbox. Selector specially designed for radio buttons and checkboxes: checked

Everything will be made clear to you via the following way.

$('.myChkbox')[0].checked = true;
$('.myChkbox')[0].checked = false;
Share

4 Answers

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

  2. Hope that my example would help

    $('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());
  }
});
    • 18

  3. Everything will be made clear to you via the following way.

    $( "SELECTOR" ).attr( "checked" )  // Returns ‘true’ if present on the element, returns undefined if not present
$( "SELECTOR" ).prop( "checked" ) // Returns true if checked, false if unchecked.
$( "SELECTOR" ).is( ":checked" ) // Returns true if checked, false if unchecked.
    • 10

  4. This is the solution that I found somewhere, this helped me and I hope that helps you

    $(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?");
    }
  });
});
    • 8

Leave an answer

You must login to add an answer.

Need An Account,