Как перехватить программное изменение checkbox?

Question

[Егор Вавилов]

У меня есть несколько чекбоксов, изменение состояния которых мониторит функция

$("input:checkbox").bind("change", function() {
    alert($(this).attr("value"));
}

Понадобилось добавить выделение всех чекбоксов. Создал кнопку, при нажатии на которую все чекбоксы включаются, либо выключаются:

<a class="btn" href="#" id="all">Выделить все</a>

var all = false;

$("#all").bind('click', function() {
    var checkbox = $("input[name='checkbox[]']");
    if (all == false) {
        checkbox.attr("checked", true);
        all = true;
    }
    else {
        checkbox.attr("checked", false);
        all = false;
    }
});

Но в таком случае первая функция не видит выделения всех чекбосков. Как это исправить?

Comments

[Салават Ситдиков]

.prop вместо .attr возможно использовать? не проверял, просто как вариант

Answer 1

[ertaquo]

var all = false;

$("#all").bind('click', function() {
var checkbox = $(«input[name='checkbox[]']»);
if (all == false) {
checkbox.attr(«checked», true);
all = true;
}
else {
checkbox.attr(«checked», false);
all = false;
}
});

Comments

[ertaquo]

Блин, извиняюсь, почему-то отправилось раньше, да еще и продублировалось.

var all = false;

$("#all").bind('click', function() {
    var checkbox = $("input[name='checkbox[]']");
    if (all == false) {
        checkbox.attr("checked", true);
        all = true;
    }
    else {
        checkbox.attr("checked", false);
        all = false;
    }
    $(checkbox).trigger('change');
});

[Егор Вавилов]

Спасибо, работает.

[sefus]

можно просто $(checkbox).change();

Answer 2

[Keyten]

Просто добавьте при изменении функцию trigger:

// тут if, else
checkbox.trigger('change');

Answer 3

[ertaquo]

var all = false;

$("#all").bind('click', function() {
var checkbox = $(«input[name='checkbox[]']»);
if (all == false) {
checkbox.attr(«checked», true);
all = true;
}
else {
checkbox.attr(«checked», false);
all = false;
}
});