小编sop*_*opi的帖子

可点击行仅适用于数据表中的第一页

我需要帮助。我有一个页面显示引导数据表中的记录。每页显示 10 行记录,每行左列都有一个复选框。我想要做的是,当用户单击该行时,它将检查复选框并启用放置在表后面的按钮(用户必须至少选择一个复选框才能激活/启用该按钮)。我已经实现了这个,但不幸的是它只适用于第一页。当用户转到第二页并单击表格行时,不会选中该复选框。有人可以帮助我吗?我非常感激。

//disable button when no records are selected
var checkboxes = $("input[type='checkbox']");
var btn = $("#button");
btn.attr("disabled","disabled");

checkboxes.on('click', function(event) {
    if($(this).prop('checked')){
        btn.removeAttr('disabled');
    } else {
        btn.attr("disabled",!checkboxes.is(":checked"));
    }
});

//this will check the checkbox whenever user clicks the table row
$('.clickable-row').click(function (event) {
    if (event.target.type !== 'checkbox') {
        $(':checkbox', this).trigger('click');
    }
}); 
Run Code Online (Sandbox Code Playgroud)

javascript checkbox jquery datatables twitter-bootstrap

5
推荐指数
1
解决办法
2432
查看次数