javascript - 选中 Bootstrap 表中所有页面中的所有复选框

Question

我需要根据我所做的验证选择所有页面的所有复选框，但是当前验证仅从当前页面获取，并且我需要在单击按钮时选择并维护所有页面，即使我在它们之间浏览。

示例:https://examples.bootstrap-table.com/#issues/1167.html

我已经试过了:

当前的 JS:

Check: function (value, row, index) {
    var _this = oSelecao;

    if (row.check == true) {
        $('#btn_editarcep' + row.pfid).attr("disabled", "disabled");
        $('#btn_editaremail' + row.pfid).attr("disabled", "disabled");
    }
    if (row.cep.length != 8) {
        row.verificaEnder = 0;
    }
    if (row.verificaFotos == 0 || _this.ValidarEmail(row.email) == false || (_this.parampixel != "True" && (row.cep.length != 8 || row.verificaEnder == 0))) {
        if (_this.ValidarEmail(row.email) == false) {
            row.verificaEmail = 0;
        }
        return {
            disabled: true
        };
    }
    if (_this.Verificaseexiste(row)) {
        return {
            checked: true
        };
    }
    return value;
}

暂定JS:

var allPages = oSelecao.fnGetNodes();

$('body').on('click', '#btnCheckMuniz', function () {
        if ($(this).hasClass('allChecked')) {
            $(row.check, allPages).prop('checked', false);
        } else {
            $(row.check, allPages).prop('checked', true);
        }
        $(this).toggleClass('allChecked');
    })

Answer 1

来自 https://github.com/wenzhixin/bootstrap-table/issues/3445#issuecomment-348382740

<div id="toolbar">
    <button class="btn btn-default" id="check">Check All</button>
     <button class="btn btn-default" id="uncheck">Uncheck All</button>
</div>
<table id="table"
       ...
       data-response-handler="responseHandler">
...

<script>
var checkAll = false

$(function () {
    $('#check').click(function () {
    checkAll = true
    $('#table').bootstrapTable('checkAll')
  })
    $('#uncheck').click(function () {
    checkAll = false
    $('#table').bootstrapTable('uncheckAll')
  })
})
function responseHandler(res) {
    res.rows.forEach(function (item) {
    item.state = checkAll
  })
  return res
}
</script>