溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹BootStrap中如何實現Table復選框默認選中功能，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
廢話不多說，直接給大家貼代碼了，具體代碼如下所示：
$('#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,
}],
});
//對應的函數進行判斷；
function stateFormatter(value, row, index) {
if (row.state == true)
return {
disabled : false,//設置是否可用
checked : true//設置選中
};
return value;
}
模擬后臺對應的數據；
[
{
"id": "1",
"name": "金蝶軟件（中國）有限公司",
"state": false, //是否選中
"tel":"18536552258"
},
{
"id": "2",
"name": "金蝶軟件（中國）有限公司",
"state": true,
"tel":"18536552258"
},
{
"id": "3",
"name": "金蝶軟件（中國）有限公司",
"state": false,
"tel":"18536552258"
}
]以上是“BootStrap中如何實現Table復選框默認選中功能”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
