javascript - 如何在 jQuery 中选中多个复选框?

标签 javascript jquery html checkbox

<分区>

我有一个表格,每行的开头都有一个复选框。每个 Checkbox 的 ID 都是#tablecheckbox。表格标题行有一个复选图标,应该选中表格中的所有框。我怎样才能用 jQuery 做到这一点?

最佳答案

这里head_checkbox是top header的id,person class是所有行checkbox

 $('#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);
            }
        });

关于javascript - 如何在 jQuery 中选中多个复选框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18266369/

相关文章:

php - 使用 PHP 使用 MySQL 数据填充 HTML 表

javascript - 为什么这些 Ember.js View 事件没有被触发?

javascript - AJAX 数据与 d3.csv 数据可用性

javascript - 如何使用jQuery选择指定控件的所有子元素

javascript - 选择一列 (jQuery)

javascript - 如何在 jQuery ajax post 中传递动态数据量

javascript - 输入文本字段触摸后调用相同的功能

javascript - Ag-grid 在全屏上不响应打印格式

javascript - 从类中提取元素时,如何使用 JS 更改元素的 CSS 属性?

javascript - 固定高度的div