javascript - Bootstrap 数据表复选框更改类

Question

我正在使用Bootstrap Data Table并希望在选中复选框时删除按钮的类，并在取消选中所有复选框时添加类。

我目前正在做什么检查:

.on('check.bs.table', function (e, row) {
    $('#remove-user').removeClass('disabled');
})

这很好用。

我正在做什么未经检查:

.on('uncheck.bs.table', function (e, row) {
    $('#remove-user').addClass('disabled');
})

这也有效，但我遇到的问题是，当我取消选中其中一个复选框时，我会选中多个复选框，它会添加禁用的类。在取消选中所有复选框之前，我不想添加禁用的类。有人对如何做到这一点有任何建议吗？

Answer 1

Fiddle

上面是如果所有复选框都未选中则禁用另一个元素的演示的链接。

下面是绑定(bind)到 type="checkbox" 输入的简单 .click(function() { .. }。

// Each time a checkbox is clicked it'll run this check
$('input[type="checkbox"]').click(function() {
    var length;
    length = $('input[type="checkbox"]:checked').length;
    $('.amount').text(length);
    if ( length === 0 ) {
        $('#remove-user').addClass('disabled');   
    } else {
        $('#remove-user').removeClass('disabled');
    }
});