Как прослушать, когда флажок установлен в JQuery

Ответ 1

Используйте событие change() и тест is():

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

Я обновил выше, из-за моей глупой зависимости от jQuery (в if), когда свойства DOM будут одинаково подходящими, а также более дешевыми в использовании. Также был изменен селектор, чтобы он мог быть передан в тех браузерах, которые его поддерживают, методу DOM document.querySelectorAll():

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

Ради завершения, то же самое легко можно сделать и в простом 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);
});

Литература:

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

Ответ 2

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

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

Ответ 3

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

Вот демонстрация

Ответ 4

Попробуйте это

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

Ответ 5

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

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

});

вот скрипка http://jsfiddle.net/SXph5/

jquery change

Ответ 6

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

Только обычный .click будет делать.