So hören Sie zu, wenn in Jquery ein Kontrollkästchen aktiviert ist

Ich muss wissen, wann ein Kontrollkästchen auf der Seite aktiviert ist:

z.B

<input type="checkbox">

Ich habe es in Jquery versucht

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

Aber es hat nicht funktioniert, irgendwelche Ideen?

Verwenden Sie das change()Ereignis und den is()Test:

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

Ich habe das Obige auf Folgendes aktualisiert, weil ich mich dumm auf jQuery (in the if) verlassen habe, wenn die DOM-Eigenschaften gleichermaßen angemessen und auch billiger zu verwenden wären. Außerdem wurde der Selektor geändert, damit er in den Browsern, die ihn unterstützen, an die DOM- document.querySelectorAll()Methode übergeben werden kann:

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

Der Vollständigkeit halber ist dasselbe auch in einfachem JavaScript leicht möglich:

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);
});

Verweise:

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

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

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

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

Hier ist eine Demo

Versuche dies

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

Wenn Sie .on verwenden möchten, funktioniert dies

 jQuery('input[type=checkbox]').on('change', function() {
   if (this.checked) {
     console.log('checked');
   }
 });

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

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

});

Hier ist die Geige http://jsfiddle.net/SXph5/

jquery change

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

Nur ein normaler reicht aus .click.