Cómo escuchar cuando se marca una casilla de verificación en Jquery

Question

Necesito saber cuándo se marca una casilla de verificación en la página:

p.

<input type="checkbox"> 

He intentado esto en Jquery

$('input type=["checkbox"]').change(function(){ 
alert('changed'); 
}); 

Pero no funcionó, alguna idea?

Answer 1

$('input:checkbox').change(function(){ 
    if($(this).is(':checked')){ 
     alert('Checked'); 
    } 
}); 

Here is a demo

Answer 2

$("input[type='checkbox']").click(function(){ 
    alert("checked"); 
}); 

Sólo una normal de .click va a hacer.

Answer 3

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

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

}); 

aquí es el violín http://jsfiddle.net/SXph5/

jquery change

Answer 4

$('input:checkbox').live('change', function(){ 
    if($(this).is(':checked')){ 
     alert('checked'); 
    } else { 
     alert('un-checked'); 
    } 
}); 

jsFiddle: http://jsfiddle.net/7Zg3x/1/

Answer 5

Uso caso change(), y la prueba de is():

$('input:checkbox').change(
    function(){ 
     if ($(this).is(':checked')) { 
      alert('checked'); 
     } 
    }); 

He actualizado lo anterior, a lo siguiente, debido a mi tonta dependencia de jQuery (en el if) cuando las propiedades DOM serían igualmente apropiadas y también más económicas de usar. También el selector se ha cambiado, con el fin de permitir que se aprobó, en aquellos navegadores que lo soportan, a document.querySelectorAll() método del DOM:

$('input[type=checkbox]').change(
    function(){ 
     if (this.checked) { 
      alert('checked'); 
     } 
    }); 

En aras de finalización, lo mismo que también es fácilmente posible en llanura JavaScript:

var checkboxes = document.querySelectorAll('input[type=checkbox]'), 
    checkboxArray = Array.from(checkboxes); 

function confirmCheck() { 
    if (this.checked) { 
    alert('checked'); 
    } 
} 

checkboxArray.forEach(function(checkbox) { 
    checkbox.addEventListener('change', confirmCheck); 
}); 

---

Referencias:

• JavaScript:
  • Array.from().
  • Array.prototype.forEach().
  • document.querySelectorAll().
  • EventTarget.addEventListener().
• jQuery:
  • :checked.
  • change().
  • is().

Answer 6

probar este

$('input:checkbox').change(function(){ 
    if(this.checked) 
     alert('checked'); 
    else 
     alert('not checked'); 
});