溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
layui2.3版本，本身并不帶有復選框回顯功能，那么需要從源頭解決此事，F12代碼調試，找到與復選框關聯的地方發現：
我們只需要在渲染數據回調時找到每個復選框根據數據的不同來設置回顯。
layui這里有一個坑，設置class屬性后會造成二次點擊效果，千萬不要手動修改class屬性，那么應該怎么辦呢？
每次**點擊**其中一個復選框時都會增加一個class屬性，第二次點擊又會給刪除：
table.render({
elem: '#LAY_table_topic',
url: '/admin/topicHandle/getTopicList',
height: 600,
done:function(result,currPage,count){//數據回調方法
var data = result.data;
data.forEach(function(value, key) {
//這里必須選擇點擊方法，不知為何添加layui-form-checked class屬性會造成二次點擊（即下次點擊必須點擊兩下才能生效）bug，
//所有類似的手動修改class貌似都會造成二次效果
if(value.read_total > 10){
$("div[lay-id='topicList'] td .layui-form-checkbox").eq(key).click();
}
})
},
cols: [[
{ type:'checkbox'},
{ field:'id', title: '話題ID', width: 80 },
{ field:'image_url', title: '圖片', width: 100 , templet:"#showPic"},
{ field:'content', title: '話題內容', width: 260 },
{ field:'read_total', title: '閱讀次數', width: 100 , sort:true},
]],
id: 'topicList',
page: true
});
以上這篇layui表格數據復選框回顯設置方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
