jquery全选

jQuery实现全选功能的方法

使用jQuery实现全选功能通常涉及监听复选框的点击事件，并同步其他复选框的状态。以下是几种常见的实现方式：

监听全选复选框的change事件

$('#selectAll').change(function() {
    $('.item-checkbox').prop('checked', this.checked);
});

通过按钮触发全选操作

$('#selectAllBtn').click(function() {
    $('.item-checkbox').prop('checked', true);
});

反选功能实现

$('#invertSelection').click(function() {
    $('.item-checkbox').each(function() {
        $(this).prop('checked', !$(this).prop('checked'));
    });
});

部分选中时全选复选框的状态更新

$('.item-checkbox').change(function() {
    var allChecked = $('.item-checkbox:checked').length === $('.item-checkbox').length;
    $('#selectAll').prop('checked', allChecked);
});

注意事项

• 确保选择器准确匹配目标元素
• 使用prop()方法而非attr()来操作复选框状态
• 考虑事件委托处理动态生成的元素

这些方法可以灵活组合使用，根据具体需求调整实现方式。对于表格中的多选操作，通常需要将全选复选框放在表头，单项选择框放在每行数据前。