Отметить все чекбоксы

@prudkiy · Регистрация: 21.07.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте. У меня вот такая непонятка.
Хочу реализовать выделение и снятие всех чекбоксов одним общим чекбоксом, думаю довольно частая задача.
Для примера -
вот такой html код -

HTML5
1
2
3
4
5
6
7
8
<form action="" method="POST">
<label><input type="checkbox" id="check_all"> Check all</label><br><br>
<input type="checkbox" name="check_name[]" value="1" class="checkbox">
<input type="checkbox" name="check_name[]" value="2" class="checkbox">
<input type="checkbox" name="check_name[]" value="3" class="checkbox">
<input type="checkbox" name="check_name[]" value="4" class="checkbox">
<input type="checkbox" name="check_name[]" value="5" class="checkbox">
</form>

и javascript с библиотекой jquery -

JavaScript
1
2
3
4
5
6
7
8
9
10
<script>
$(document).ready(function() {
    $("#check_all").click(function () {
         if (!$("#check_all").is(":checked"))
            $(".checkbox").removeAttr("checked");
        else
            $(".checkbox").attr("checked","checked");
    });
});
</script>

Вроде все и правильно, но вот срабатывает только когда первый раз нажал и снял, после снятия чекбоксы уже не отмечаются, не могу понять почему, помогите

@Lazy_Den · 20.03.2014, 00:25

Сообщение от prudkiy

думаю довольно частая задача

Да ну бросьте... Раз-два в месяц - это разве частая?

JavaScript
1
2
3
$("#check_all").change(function () {
    $(".checkbox").prop("checked", $(this).is(":checked"));
});

Добавлено через 9 минут
P.S. Даже лучше так (пример тестим тут):

JavaScript
1
2
3
4
5
6
7
8
9
var checkbox = $(".checkbox"),
    boxCnt = checkbox.length,
    allcheckbox = $("#check_all");
allcheckbox.on('change',function () {
    checkbox.prop("checked", $(this).is(":checked"));
});
checkbox.on('change', function(){
    allcheckbox.prop("checked", $('.checkbox:checked').length == boxCnt);
});

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита табличной части. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем