Bootstrap Data Table复选框更改类

时间:2015-01-09 22:37:12

标签: javascript jquery twitter-bootstrap checkbox

我正在使用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');
})

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

1 个答案:

答案 0 :(得分:1)

Fiddle

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

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

// 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');
    }
});