checkbox jquery or javascript oncheck?

Question

I do not know the correct terminology for this, but I want the same effect as onclick but for a check box with jquery or javascript.

onclick version:

<a href="..." onclick="function()">Link</a>

I want the same effect as above but for a checkbox. The end result will be that the page should reload with an updated php query, but that part I can do. I just don't know what the onclick is for checkboxes.

checkbox:

<input type="checkbox" name="change" value="one" />changes php query

Answer 1

You should listen to the change event, as the checkbox can be selected or deselect with the keyboard too:

$('input[type="checkbox"][name="change"]').change(function() {
     if(this.checked) {
         // do something when checked
     }
 });

Similarly with plain JavaScript:

// checkbox is a reference to the element

checkbox.onchange = function() {
     if(this.checked) {
         // do something when checked
     }
};

And last, although you really should not use inline event handlers, but if you have to:

<input ... onchange="handler.call(this)" />

where handler is like the handlers shown above.

---

Further reading:

• jQuery documentation
• MDN JavaScript Guide
• quriksmode.org Introduction to Events

Answer 2

$('#input_id').click(function() {
    // do what you want here...
});