JQuery checkbox checked state changed event

Question

JQuery checkbox checked state changed event

I want an event to fire client side when a checkbox is checked / unchecked:

$('.checkbox').click(function() {

  if ($(this).is(':checked')) {

    // Do stuff

  }

});

Basically I want it to happen for every checkbox on the page. Is this method of firing on the click and checking the state ok?

I'm thinking there must be a cleaner jQuery way. Anyone know a solution?

jquery javascript

3 years ago by Bharatv4tg1

3 Answers

Login / Signup to Answer the Question.

Login Signup

**akshay1995** · Answer 1 · 2021-06-11T12:19:14

Bind to the change event instead of click. However, you will probably still need to check whether or not the checkbox is checked:



$(".checkbox").change(function() {

    if(this.checked) {

        //Do stuff

    }

});

To get all checkboxes you have a couple of options. You can use the :checkbox pseudo-selector:



$(":checkbox")

Or you could use an attribute equals selector:



$("input[type='checkbox']")

**kshitijrana14** · Answer 2 · 2021-06-15T04:39:31

$(document).ready(function () {

    $(document).on('change', 'input[Id="chkproperty"]', function (e) {

        alert($(this).val());

    });

});

**pankajshivnani123** · Answer 3 · 2021-06-15T13:13:42

Just another solution



$('.checkbox_class').on('change', function(){ // on change of state

   if(this.checked) // if changed state is "CHECKED"

    {

        // do the magic here

    }

})

C TUTORIAL

C PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

C++ TUTORIAL

C++ PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

PYTHON TUTORIAL

PYTHON HOW TOS

INTERVIEW TESTS

EXECUTE CODE

JAVA TUTORIAL

JAVA CODE EXAMPLES

SPRING TUTORIAL

MORE IN JAVA

COMPUTER ARCHITECTURE

COMPUTER NETWORK

OPERATING SYSTEM

DBMS & SQL

PL/SQL

MongoDB

EXECUTE SQL

ANDROID DEVELOPMENT

GO LANGUAGE

LINUX

DOCKER

HTML TAGS (A to Z)

CSS REFERENCES

SASS/SCSS

KOTLIN

GAME DEVELOPMENT

PHP

GIT GUIDE

JAVASCRIPT

ADVANCED DSA

JQuery checkbox checked state changed event

3 Answers

Login / Signup to Answer the Question.