BootStrap中如何實(shí)現(xiàn)Table復(fù)選框默認(rèn)選中功能

這篇文章主要介紹BootStrap中如何實(shí)現(xiàn)Table復(fù)選框默認(rèn)選中功能，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

廢話不多說(shuō)，直接給大家貼代碼了，具體代碼如下所示：

$('#table').bootstrapTable('destroy'); 
$('#table').bootstrapTable({
url:'../data/kehulist.json',
uniqueId: "id",
striped:true,
// pagination:true,
clickToSelect:true,
height:340,
  columns: [{
  field : 'state',
  checkbox:true, 
  formatter : stateFormatter
  },{
    field: 'id',    
    title: '組織編碼',
    sortable: true,
  },{
    field: 'name',
    title: '組織名稱',
    sortable: true,
  }],
});
//對(duì)應(yīng)的函數(shù)進(jìn)行判斷；
function stateFormatter(value, row, index) {
  if (row.state == true)
    return {
      disabled : false,//設(shè)置是否可用
      checked : true//設(shè)置選中
    };
  return value;
}
模擬后臺(tái)對(duì)應(yīng)的數(shù)據(jù)；
[
  {  
    "id": "1",
    "name": "金蝶軟件（中國(guó)）有限公司",
    "state": false, //是否選中
    "tel":"18536552258"
  },
  {
    "id": "2",
    "name": "金蝶軟件（中國(guó)）有限公司",
    "state": true,
    "tel":"18536552258"
  },
  {
    "id": "3",
    "name": "金蝶軟件（中國(guó)）有限公司",
    "state": false,
    "tel":"18536552258"
  }
]

以上是“BootStrap中如何實(shí)現(xiàn)Table復(fù)選框默認(rèn)選中功能”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！