Как проверить несколько флажков в jQuery?

У меня есть таблица с флажком в начале каждой строки. Каждый флажок имеет идентификатор #tablecheckbox. В строке заголовка таблицы есть значок проверки, который должен проверять все поля в таблице. Как я могу сделать это с помощью jQuery?

+7
16 авг. '13 в 5:26
источник поделиться
2 ответа

Здесь head_checkbox - это идентификатор верхнего заголовка, а класс person - все строки.

 $('#head_checkbox').on('change', function () {
            if ($(this).is(':checked')) {
                $('.person').attr('checked', true);
            } else {
                $('.person').attr('checked', false);
            }
        });

        $('.person').click(function () {
            var total_length = $('.person').length;
            var total_checked_length = $('.person:checked').length;

            if (total_length == total_checked_length) {
                $('#head_checkbox').attr('checked', true);
            } else {
                $('#head_checkbox').attr('checked', false);
            }
        });
+4
16 авг. '13 в 5:35
источник
       $('#head_checkbox').click(function () {
            if ($(this).is(':checked')) {
                $('.person').attr('checked', true);
            } else {
                $('.person').attr('checked', false);
            }
        });


        $('.person').click(function () {
            if ($('.person').length == $('.person:checked').length) {
                $('#head_checkbox').attr('checked', true);
            } else {
                $('#head_checkbox').attr('checked', false);
            }
        });
+2
16 авг. '13 в 5:51
источник

Посмотрите другие вопросы по меткам или Задайте вопрос