Как заблокировать остальные чекбоксы при клике по чекбоксу с value=0, к примеру?

Question

[Emprove]

Есть такие чекбоксы:
"checkbox" value=1>Петя
"checkbox" value=2>Вася
"checkbox" value=4>Коля
"checkbox" value=8>Ваня
"checkbox" value=0>Маша

Необходимо, чтобы при статусе checked бокса с value=0 снимались чеки с остальных и они блокировались, не давая их чекнуть.
В jquery новичок, как вы поняли. Спасибо :).

Answer 1

[Finesse]

jQuery тут не нужен. Работает в IE≥9.

var masterCheckbox = document.querySelector('input[type="checkbox"][value="0"]');
var slaveCheckboxes = document.querySelectorAll('input[type="checkbox"]:not([value="0"])');

masterCheckbox.addEventListener('change', function() {
    if (masterCheckbox.checked) {
        // Галочка поставлена. Деактивируем остальные чекбоксы.
        Array.prototype.forEach.call(slaveCheckboxes, function(checkbox) {
            checkbox.checked = false;
            checkbox.disabled = true;
        });
    } else {
        // Галочка убрана. Активируем остальные чекбоксы.
        Array.prototype.forEach.call(slaveCheckboxes, function(checkbox) {
            checkbox.disabled = false;
        });
    }
});

Comments

[Emprove]

Спасибо, все же, сделал через $. Меньше кода получилось.
var masterCheckbox = $('input:checkbox[value="0"]');
var slaveCheckboxes = $('input:checkbox:not([value="0"])');
$(masterCheckbox).change(function() {
if (masterCheckbox.is(":checked")) {
// Галочка поставлена. Деактивируем остальные чекбоксы.
$(slaveCheckboxes).prop({'disabled':true,'checked':false});
} else {
// Галочка убрана. Активируем остальные чекбоксы.
$(slaveCheckboxes).prop("disabled", false);
}
});

[Finesse]

Emprove: Если jQuery уже используется на странице, то лучше сделать с помощью неё. А если нет, то подключать jQuery ради только этого кода — слишком расточительно.

[Emprove]

Finesse: конечно, я понимаю это. Жкури уже ранее использовался.

Answer 2

[dummyman]

вам скорее всего нужен radiobox