Bootstrap 数据 Table 复选框更改 class

Question

我正在使用 Bootstrap Data Table 并且想在选中复选框时删除按钮的 class 并在所有复选框都未选中时添加 class。

我目前正在做什么检查：

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

这个效果不错。

我为未检查所做的事情：

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

这也有效，但我运行遇到的问题是，当我选中多个复选框时，一旦我取消选中其中一个复选框，它就会添加 class 禁用。在取消选中所有复选框之前，我不想添加 class 禁用。有人对如何执行此操作有任何建议吗？

Answer 1

Fiddle

以上是一个 link 演示，如果所有复选框都未选中，则禁用另一个元素。

下面是绑定到 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');
    }
});

Bootstrap 数据 Table 复选框更改 class

Bootstrap Data Table checkbox change class

javascript

checkbox

jquery

twitter-bootstrap

Fiddle