casilla de verificación jquery o javascript oncheck? - javascript, jquery, html

No sé la terminología correcta para esto, pero quiero el mismo efecto que onclick pero para una casilla de verificación con jquery o javascript.

versión onclick:

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

Quiero el mismo efecto que el anterior pero para unacaja. El resultado final será que la página se vuelva a cargar con una consulta de php actualizada, pero esa parte lo puedo hacer. Simplemente no sé qué es el clic para las casillas de verificación.

caja:

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

Respuestas

48 para la respuesta № 1

Deberías escuchar el change evento, ya que la casilla de verificación se puede seleccionar o anular la selección con el teclado también:

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

Del mismo modo con JavaScript llano:

// checkbox is a reference to the element

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

Y por último, aunque realmente no deberías usar manejadores de eventos en línea, pero si tienes que:

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

dónde handler Es como los manejadores que se muestran arriba.

---

Otras lecturas:

• documentación de jQuery
• Guía de JavaScript MDN
• quriksmode.org Introducción a los Eventos

---

3 para la respuesta № 2

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

---

2 para la respuesta № 3

$("input:checked").click(function() {
//do something
});

Ver http://api.jquery.com/checked-selector/ y http://api.jquery.com/checkbox-selector/

---